*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,sans-serif;color:#f8fafc;background:radial-gradient(circle at 10% 0,#30126b 0,transparent 32%),#070816}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 28px));margin:auto;padding:22px 0 60px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#a855f7,#5b21b6)}.actions{display:flex;gap:9px}.btn{border:1px solid #53447d;background:#1d203d;color:white;padding:10px 14px;border-radius:12px;font:inherit}.primary{background:#6d28d9}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.panel{border:1px solid #443769;background:rgba(18,21,43,.94);border-radius:26px;padding:30px}.eyebrow{color:#55e6a5;font-weight:700}.hero h1{font-size:clamp(34px,6vw,62px);margin:12px 0}.hero p,.card p{color:#aeb6ca;line-height:1.65}.steps{display:flex;flex-direction:column;justify-content:center;gap:11px}.step{padding:13px;border:1px solid #443769;border-radius:14px;background:#0d1023}.heading{margin:34px 2px 16px}.heading h2{margin:0}.heading p{color:#aeb6ca}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{display:flex;flex-direction:column;min-height:220px;border:1px solid #443769;background:rgba(18,21,43,.94);border-radius:21px;padding:22px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#8b5cf6}.icon{font-size:32px}.card h3{margin:17px 0 7px}.open{margin-top:auto;color:#c4b5fd;font-weight:700}.wide{grid-column:span 2}.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.links a{padding:10px 13px;border:1px solid #53447d;border-radius:11px;background:#27184b}.foot{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #443769;color:#aeb6ca}.foot a{color:#c4b5fd}@media(max-width:760px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.wide{grid-column:span 2}}@media(max-width:520px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:22px}.card{min-height:200px}.foot{flex-direction:column}}
