@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;600;700;800&display=swap');
:root{--bg:#090711;--panel:#141020;--panel2:#1c1530;--purple:#9b5cff;--pink:#c15cff;--text:#f7f3ff;--muted:#a99dbb;--line:#302344}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -10%,#281447 0,transparent 42%),var(--bg);color:var(--text);font-family:'Cairo',Inter,sans-serif;min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);border-bottom:1px solid #ffffff12;background:#090711cc;position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.brand{font:800 22px Inter,sans-serif;letter-spacing:1px;color:white;text-decoration:none}.brand span,h1 span{color:var(--purple)}button,input{font:inherit}.top-actions{display:flex;gap:10px}.ghost,.tab{border:1px solid var(--line);background:transparent;color:var(--text);padding:9px 15px;border-radius:10px;cursor:pointer}.hidden{display:none!important}main{width:min(1000px,90%);margin:44px auto 70px}.auth-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;min-height:65vh}.hero h1{font:800 clamp(42px,7vw,68px) Inter,sans-serif;margin:8px 0}.hero>p:not(.eyebrow){color:var(--muted);font-size:18px}.eyebrow{color:#c49aff;font:700 12px Inter,sans-serif;letter-spacing:2px}.orb{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e1bfff,#9b5cff 35%,#3a1769 70%);box-shadow:0 0 70px #9b5cff88;margin-bottom:30px}.card{background:linear-gradient(145deg,#191328f2,#100d19f2);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 15px 45px #0004}.auth-card h2{margin-top:0}.tabs{display:flex;gap:8px;margin:18px 0}.tab{flex:1}.tab.active{background:#8e4df433;border-color:var(--purple);color:#d9bcff}label{display:block;margin:14px 0 6px;color:#d8cce8;font-size:14px}input{width:100%;background:#0b0911;border:1px solid #38284d;color:white;padding:13px;border-radius:10px;outline:none}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #9b5cff22}.primary,.secondary,.outline{border:0;border-radius:11px;padding:12px 18px;color:white;font-weight:700;cursor:pointer;background:linear-gradient(100deg,#7539ce,#a44dff);box-shadow:0 6px 22px #8d45dc33}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.full{width:100%;margin-top:20px}.secondary{background:#2a1b40;border:1px solid #573a7b;box-shadow:none}.outline{background:transparent;border:1px solid var(--purple);box-shadow:none;color:#d9bcff}.muted{color:var(--muted);font-size:14px}.small{font-size:12px}.message{min-height:20px;color:#e5b4ff;font-size:13px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.welcome-row h1{font-size:25px}.welcome-row h1 b{font-size:15px;color:#cbb5e8;word-break:break-all}.status{font-size:12px;color:#a7f2c4;background:#143021;padding:8px 12px;border-radius:30px}.balance{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#281747,#171023 70%);margin-bottom:18px}.balance h2{font:800 40px Inter,sans-serif;margin:0}.balance h2 small{font:600 15px Cairo,sans-serif;color:#d3b7ff}.coin-icon{font-size:58px;color:#d6adff;text-shadow:0 0 28px #ae65ff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature h3{margin:8px 0}.feature p{color:var(--muted);min-height:48px}.icon{font-size:26px}.store,.history,#adminSection{margin-top:18px}.reward-list{display:grid;gap:10px}.reward{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#0d0a14;border:1px solid var(--line);border-radius:13px}.reward p{margin:3px 0 0;color:var(--muted);font-size:12px}.request{padding:8px 18px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#2b1b40;border:1px solid var(--purple);padding:12px 18px;border-radius:12px;display:none;z-index:5;max-width:90%;text-align:center}dialog{background:#171122;color:white;border:1px solid var(--purple);border-radius:18px;width:min(420px,90%);padding:24px}dialog::backdrop{background:#000b}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}footer{text-align:center;color:#746985;font-size:12px;padding:25px}footer span{color:var(--purple)}@media(max-width:700px){.auth-wrap{grid-template-columns:1fr;gap:15px}.hero{text-align:center}.orb{margin:0 auto 20px;width:70px;height:70px}.grid{grid-template-columns:1fr}.welcome-row{align-items:flex-start;flex-direction:column}.balance{padding:20px}.balance h2{font-size:34px}}