:root{color-scheme:dark;--bg:#0c0917;--card:#191329;--line:#3a2a56;--txt:#f7f2ff;--muted:#c2b7d7;--purple:#a477ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#2c1850,transparent 40%),var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#d5bbff}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}nav a{margin-left:18px;text-decoration:none;color:var(--muted)}.brand{font-size:1.35rem;font-weight:850;text-decoration:none;color:white}.brand span{color:var(--purple)}.hero{padding:65px 0 40px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#c9a7ff;font-size:.8rem;font-weight:700}h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.1;margin:12px 0}h2{margin:30px 0 14px}p{color:var(--muted)}.hero p{max-width:700px;font-size:1.12rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card{background:linear-gradient(150deg,#211833,#151020);border:1px solid var(--line);border-radius:20px;padding:23px;min-height:220px;display:flex;flex-direction:column}.card h3{margin:12px 0 0}.card p{flex:1}.appicon{width:52px;height:52px;border-radius:14px;background:#37204e;display:grid;place-items:center;font-size:24px;overflow:hidden}.appicon img{width:100%;height:100%;object-fit:cover}.button,button{display:inline-block;background:#9258ef;color:white;border:0;border-radius:11px;padding:10px 16px;text-decoration:none;font-weight:700;cursor:pointer}.button.secondary{background:#322345}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:50px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}input,textarea,select{display:block;width:100%;padding:11px;background:#110d1d;border:1px solid #604b7d;border-radius:9px;color:white;font:inherit}label{display:block;margin:13px 0;font-weight:600}textarea{min-height:70px}.panel{max-width:760px;margin:25px auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:25px}.notice{background:#352044;border:1px solid #6b4790;padding:12px;border-radius:10px}.actions{display:flex;gap:12px;flex-wrap:wrap}.small{font-size:.86rem;color:var(--muted)}@media(max-width:600px){header{display:block}nav a{margin:0 15px 0 0}.hero{padding:35px 0}}
