:root{--bg:#050817;--card:#0c1530;--line:#4e61a8;--purple:#8a2be2;--cyan:#1fc8ff;--text:#f7f9ff;--muted:#aab5d2;--green:#4de276;--yellow:#ffc928}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#111944 0,var(--bg) 45%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;padding-bottom:85px}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px max(20px,calc((100% - 1050px)/2));background:#050817e8;border-bottom:1px solid #27365f;backdrop-filter:blur(12px)}header b{font-size:21px;font-style:italic}header span,h1 span{color:#a648ff}.wrap{width:min(1050px,calc(100% - 28px));margin:26px auto}.narrow{max-width:520px}.login-bg{display:grid;place-items:center;padding:24px}.login-card,.checkout{width:min(100%,440px);background:linear-gradient(145deg,#101a38,#080e23);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 60px #0008}.login-card{text-align:center}.login-card h1{font-style:italic;margin:6px}.gem,.diamond{color:var(--cyan);text-shadow:0 0 18px var(--cyan);font-size:48px}.login-card p{color:var(--muted);margin-bottom:24px}label{display:block;text-align:left;margin:14px 0;color:var(--muted);font-size:13px;font-weight:700}input,select{width:100%;margin-top:7px;background:#070c1c;color:#fff;border:1px solid #485b93;border-radius:10px;padding:13px;font-size:16px}button,.btn{display:block;width:100%;border:0;border-radius:11px;background:linear-gradient(90deg,#7425dc,#a43df0);color:#fff;font-weight:900;text-align:center;padding:13px;cursor:pointer;margin-top:14px}.secondary{background:transparent;border:1px solid var(--cyan)}.alert{background:#5a1625;border:1px solid #d94864;padding:11px;border-radius:10px;margin:12px 0}.demo{background:#492d05;border:1px solid #a97012;color:#ffd783;padding:12px;border-radius:10px;text-align:center;margin-bottom:18px}.balance{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#171658,#10244b);border:1px solid #7452dc;border-radius:22px;padding:26px;margin-bottom:30px}.balance small{display:block;color:var(--muted);font-weight:800}.balance strong{display:block;font-size:clamp(34px,7vw,56px);margin-top:5px}.balance .btn{width:auto;min-width:210px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{text-align:center;border:1px solid #5265a9;background:linear-gradient(145deg,#0e1934,#080e20);border-radius:20px;padding:22px}.product .diamond{font-size:38px}.product h3{margin:12px 0 5px}.product strong{color:var(--cyan);font-size:22px}.step{text-align:center;font-size:24px;font-weight:900;margin:25px}.checkout{margin:auto}.checkout{text-align:center}.checkout h2{margin:8px}.checkout>strong{color:var(--cyan);font-size:28px}.warning{background:#382d09;border:1px solid var(--yellow);color:#ffe58a;padding:13px;border-radius:11px;margin:18px 0}.summary p{display:flex;justify-content:space-between;border-bottom:1px solid #29365c;padding:11px;margin:0}.summary p b{color:var(--cyan)}.success{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#153b25;border:3px solid var(--green);color:var(--green);font-size:65px;margin:0 auto}.receipt h1{color:var(--green)}.history{margin-top:35px}.table{display:grid;gap:9px}.table>div,.table>a{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:16px;background:#0c142b;border:1px solid #26365e;padding:13px;border-radius:12px}.table span{color:var(--muted)}.table em{font-style:normal}.status{font-size:11px;font-weight:900;padding:6px 8px;border-radius:99px;background:#35405a}.status.completed{background:#174c2a;color:#70ef93}.status.processing{background:#153f53;color:#6edfff}.admin-link{display:block;margin:30px 0;text-align:center;color:var(--cyan)}nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#091127f5;border-top:1px solid #2b3d70;display:flex;justify-content:center;gap:min(12vw,100px);z-index:10}nav a{display:grid;place-items:center;color:#b6c0db;font-size:22px}nav small{display:block;font-size:11px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-grid .checkout{width:100%}@media(max-width:750px){.grid{grid-template-columns:repeat(2,1fr)}.balance{display:block}.balance .btn{width:100%}.table>div,.table>a{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.product{padding:15px 10px}.product h3{font-size:15px}.product strong{font-size:19px}}
