:root{--bg1:#0f172a;--bg2:#0b2540;--accent:#7c5cff;--muted:#9aa6bf;--card:hsla(0,0%,100%,.03)}*{box-sizing:border-box}#app,body,html{height:100%}body{background:#131f24;color:#e6eef8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{margin:0;padding:0 5%;width:100%}.logo{align-items:center;color:var(--accent);display:flex;font-size:18px;font-weight:700;gap:10px}.btn{background:transparent;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:inherit;cursor:pointer;padding:8px 12px}.features{display:flex;flex-wrap:wrap;gap:12px}.feature{background:var(--card);border-radius:12px;color:var(--muted);font-size:14px;padding:12px 14px}.cta{margin-top:18px}.primary{background:#7c3bed;box-shadow:0 6px #5a21b6;color:#f5f3ff}.primary,.secondary{border:none;border-radius:16px;cursor:pointer;font-size:16px;font-weight:700;height:54px;width:200px}.secondary{background:#fff;box-shadow:0 6px #e5e5e5;color:#8a5cf6}.card{background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid hsla(0,0%,100%,.04);border-radius:14px;color:inherit;padding:18px}.xp{display:flex;flex-direction:column;gap:10px}.xp .value{font-size:28px;font-weight:700}.badges{display:flex;flex-wrap:wrap;gap:8px}.small{color:var(--muted);font-size:13px}@media(max-width:480px){.container{margin:0;padding:0 24px;width:100%}}