:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:#edf0ff;background:#080c19;font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden}.glow{position:fixed;pointer-events:none;z-index:-1;filter:blur(70px);opacity:.25;border-radius:50%}.glow-a{background:#6941d2;width:400px;height:400px;top:-120px;left:-80px}.glow-b{background:#138898;width:340px;height:340px;top:480px;right:-180px}.header{height:84px;padding:0 max(22px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:#0c1125bd;border-bottom:1px solid #2b3151;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-icon{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#a78cff,#5943b7);display:grid;place-items:center;font-weight:900;font-size:27px;box-shadow:0 0 24px #8764d766}.brand strong{display:block;font-size:19px;letter-spacing:.3px}.brand small{display:block;font-size:9px;color:#ac9df9;letter-spacing:2px}.topnav{display:flex;gap:8px;border:1px solid #29324d;padding:5px;border-radius:15px;background:#10172b}.tab{background:transparent;border:0;color:#a4b2ce;border-radius:10px;padding:11px 19px;cursor:pointer;font-weight:700}.tab.active,.tab:hover{background:#745dd5;color:white}.header-actions{display:flex;gap:12px;align-items:center}.session-dot{width:9px;height:9px;border-radius:50%;background:#6a7388}.session-dot.signed{background:#4ddd9a;box-shadow:0 0 12px #4ddd9a}select,input,textarea{font:inherit;color:#ecf0ff;background:#141c32;border:1px solid #34415e;border-radius:10px;padding:12px 14px;outline:none}select:focus,input:focus,textarea:focus{border-color:#a08bfb;box-shadow:0 0 0 3px #a08bfb22}option{background:#141c32}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.container{max-width:1320px;margin:0 auto;padding:20px 24px 65px}.hero{padding:56px 40px 48px;position:relative;margin-top:22px;border-radius:26px;background:linear-gradient(120deg,#2a2257,#151c37 58%,#123141);border:1px solid #514b86;box-shadow:0 22px 70px #0003}.eyebrow{color:#c8b7ff;font-size:12px;letter-spacing:2px;font-weight:800;margin-bottom:20px}.hero h1{font-size:clamp(29px,5vw,55px);line-height:1.14;margin:0 0 18px;letter-spacing:-1px}.hero p{font-size:17px;line-height:1.8;color:#b8c3df;max-width:680px;margin:0}.hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:27px}.hero-meta span{background:#ffffff0d;border:1px solid #ffffff1c;border-radius:100px;padding:9px 14px;font-size:13px;color:#dee0ff}.hero-meta span span{border:0;padding:0;background:none}.panel{margin-top:34px}.hidden{display:none!important}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:15px}.search{display:flex;align-items:center;gap:10px;flex:1;max-width:450px;border:1px solid #34415e;background:#141c32;border-radius:12px;padding-inline:16px}.search span{font-size:22px;color:#8c9ab8}.search input{width:100%;border:0;background:transparent;box-shadow:none!important}.control-group{display:flex;flex-wrap:wrap;gap:10px}.control-group select{max-width:270px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.product{background:#101a2e;border:1px solid #2d3755;border-radius:17px;overflow:hidden;transition:transform .2s,border-color .2s}.product:hover{transform:translateY(-3px);border-color:#937ceb}.product-img{height:245px;background:radial-gradient(circle at 50% 38%,#37416b 0,#151d31 55%,#10182b 100%);display:grid;place-items:center;position:relative;cursor:pointer}.product-img img{height:100%;width:100%;object-fit:contain;padding:7px}.product-img .type{position:absolute;top:12px;inset-inline-start:12px;border:1px solid #ffffff33;background:#081025bb;backdrop-filter:blur(10px);border-radius:9px;padding:6px 10px;font-size:12px}.product-info{padding:14px 15px 17px}.product-info h3{font-size:14px;line-height:1.55;min-height:43px;margin:0 0 8px}.product-price{font-size:14px;color:#cbb7ff;font-weight:900}.free{color:#70ebb9}.product-actions{display:flex;gap:8px;margin-top:12px}.btn{background:#202e48;border:1px solid #435174;border-radius:10px;color:#fff;padding:10px 16px;font-weight:700}.btn:hover{background:#33425f}.btn.primary{background:linear-gradient(130deg,#8467ee,#6158c7);border:1px solid #9581f3}.btn.primary:hover{filter:brightness(1.13)}.btn.ghost{background:transparent}.btn.danger{background:#552935;border-color:#c56271}.btn.small{font-size:12px;padding:7px 12px}.note{color:#adbbd5;padding:6px 2px 20px}.section-title{margin:0 0 20px}.section-title h2{font-size:24px;margin:0 0 9px}.section-title p{color:#aebcdd;margin:0}.panel-surface{padding:22px;border:1px solid #30405f;background:#10192d;border-radius:18px;max-width:650px}.form{display:grid;gap:13px}.form label{display:grid;gap:6px;font-weight:600;font-size:13px;color:#cad5eb}.form input,.form textarea,.form select{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:12px;color:#98abc6;line-height:1.7}.error{color:#ff9aa3}.success{color:#78e5b2}.account-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:17px}.account-stats>div{padding:14px;border-radius:12px;border:1px solid #3c4169;background:#202642;min-width:140px}.account-stats strong{display:block;font-size:22px}.account-stats small{color:#afb5ce}.admin-toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:15px}.admin-toolbar input{flex:1;max-width:460px}.summary{color:#c3d1e9;margin-bottom:14px}.admin-scroll{overflow:auto;border:1px solid #303a59;border-radius:15px;background:#11192c}.admin-table{width:100%;border-collapse:collapse;text-align:start;min-width:700px}.admin-table th,.admin-table td{text-align:start;padding:11px 14px;border-bottom:1px solid #293451}.admin-table th{background:#1a2440;color:#c5cdea;font-size:12px}.admin-table td{font-size:13px}.admin-table img{height:48px;width:48px;object-fit:contain;background:#252e4d;border-radius:9px}.tag{display:inline-block;font-size:11px;padding:5px 8px;background:#273957;color:#d3e4ff;border-radius:8px}.tag.inactive{background:#633d3d;color:#ffd0d0}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:15px}.modal-bg{position:absolute;inset:0;background:#03050cdd;backdrop-filter:blur(8px)}.modal-content{position:relative;width:min(800px,100%);max-height:90vh;overflow:auto;background:#10192e;border:1px solid #58608b;border-radius:20px;box-shadow:0 30px 100px #0009;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.modal-head h2{font-size:20px;margin:0}.icon-button{height:36px;width:36px;background:#283453;color:white;border:0;border-radius:9px}.preview-image{width:100%;max-height:420px;object-fit:contain;background:#1b2441;border-radius:12px}.preview-detail{margin:15px 0}.games-checks{display:flex;gap:11px;flex-wrap:wrap;margin:12px 0}.games-checks label{font-size:12px;display:flex;align-items:center;gap:5px;background:#202945;padding:8px;border-radius:9px}.games-checks input{width:auto}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:17px}#status{position:fixed;bottom:20px;inset-inline-start:20px;z-index:50;max-width:400px;pointer-events:none}#status>div{padding:14px 17px;margin-top:7px;background:#253352;border:1px solid #7665b4;border-radius:12px;box-shadow:0 10px 25px #0008}.footer{border-top:1px solid #252e49;padding:24px;display:flex;justify-content:space-between;gap:10px;max-width:1320px;margin:0 auto;font-size:12px;color:#99a9c7}.footer a{color:#cab6ff;text-decoration:none}@media(max-width:800px){.header{height:auto;padding:15px;flex-wrap:wrap}.topnav{order:3;width:100%;justify-content:center}.tab{flex:1;padding:10px}.brand strong{font-size:15px}.brand small{font-size:8px}.hero{padding:34px 20px}.hero h1{font-size:32px}.container{padding:12px 14px 50px}.toolbar{align-items:stretch}.search{max-width:none;flex-basis:100%}.control-group{width:100%}.control-group select{max-width:none;flex:1;min-width:130px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-img{height:185px}.product-info{padding:11px}.product-info h3{font-size:12px}.form-row{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}}
