:root{--bg:#07040f;--bg2:#0d071b;--panel:#120a21;--panel2:#180d2c;--text:#f7f2ff;--muted:#9c8eae;--purple:#a855f7;--violet:#7c3aed;--pink:#e879f9;--line:#2a1a42;--good:#c084fc;--shadow:0 20px 70px rgba(96,35,170,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,rgba(124,58,237,.12),transparent 35%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(168,85,247,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.025) 1px,transparent 1px);background-size:70px 70px}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:30;height:78px;border-bottom:1px solid rgba(168,85,247,.15);background:rgba(7,4,15,.82);backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand img{width:44px;height:44px;object-fit:cover;border-radius:12px;box-shadow:0 0 28px rgba(168,85,247,.35)}.brand span{display:flex;flex-direction:column}.brand b{font-size:12px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:4px;color:#9c8eae;margin-top:5px}.navlinks{display:flex;gap:27px;margin-right:auto}.navlinks a{font-size:13px;font-weight:700;color:#9586a7;text-decoration:none;transition:.2s}.navlinks a:hover,.navlinks a.active{color:#fff}.cart-btn{border:1px solid #35204e;background:#150b23;color:#fff;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.cart-btn span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;margin-left:5px;background:linear-gradient(135deg,var(--pink),var(--purple));font-size:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border:0;border-radius:9px;padding:14px 19px;font-weight:800;cursor:pointer}.btn-primary{color:white;background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 12px 40px rgba(124,58,237,.25)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.kicker{color:#c084fc;font-size:10px;font-weight:900;letter-spacing:2.5px}.hero{min-height:690px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:650px;height:650px;right:-180px;top:10px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.22),transparent 65%);filter:blur(10px);z-index:-1}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid #35204e;border-radius:999px;background:#10081a;color:#a995ba;font-size:10px;font-weight:800}.dot{width:6px;height:6px;background:#d8b4fe;border-radius:50%;box-shadow:0 0 12px #a855f7}.hero h1{font-size:clamp(55px,7vw,92px);line-height:.92;letter-spacing:-5px;margin:22px 0}.hero h1 em,.section-title em{font-style:normal;color:#c084fc}.hero p{max-width:570px;color:#a193af;font-size:15px;line-height:1.8}.actions{display:flex;gap:13px;align-items:center;margin-top:31px}.ip{border:1px solid #322044;background:#10091a;border-radius:9px;padding:12px 14px;color:#b5a7c2;cursor:pointer}.ip code{color:#f1e8fa;font-size:12px}.ip small{display:block;color:#7d6d8c;font-size:9px;margin-top:4px}.hero-logo{position:relative;display:grid;place-items:center}.hero-logo:before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.25),transparent 62%);filter:blur(12px)}.hero-logo img{position:relative;width:min(500px,100%);filter:drop-shadow(0 25px 45px rgba(111,33,182,.35));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.stats{display:flex;gap:35px;margin-top:62px}.stats strong{font-size:18px}.stats span{display:block;color:#756883;font-size:9px;margin-top:5px}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-title{font-size:46px;letter-spacing:-2px;margin:10px 0 0}.section-desc{max-width:390px;color:#8f819f;font-size:12px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.card{border:1px solid #2a1b3e;background:linear-gradient(145deg,#130b20,#0d0716);border-radius:12px;padding:16px;box-shadow:var(--shadow);transition:.2s}.card:hover{transform:translateY(-3px);border-color:#5b2e86}.card-art{height:175px;border-radius:8px;background:radial-gradient(circle,rgba(168,85,247,.24),transparent 58%),#0a0610;display:grid;place-items:center;position:relative}.pixel{font-weight:900;font-size:24px;color:#e9d5ff;text-shadow:0 0 25px #a855f7}.tag{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:5px;background:#a855f7;color:#fff;font-size:8px;font-weight:900}.card h3{font-size:16px;margin:17px 2px 5px}.card p{font-size:11px;color:#7e718c;line-height:1.6}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.price{font-size:18px;font-weight:900}.old{font-size:10px;color:#64566e;text-decoration:line-through;margin-left:5px}.add{border:1px solid #4b2b6b;background:#1c0e2e;color:#d8b4fe;border-radius:7px;padding:9px 12px;font-weight:800;cursor:pointer}.add:hover{background:#a855f7;color:white}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27183a;margin-top:40px}.tabs{display:flex;gap:20px}.tab{background:none;border:0;color:#756883;padding:14px 3px;font-weight:800;border-bottom:2px solid transparent;cursor:pointer}.tab.active{color:white;border-color:#a855f7}.page-hero{padding:90px 0 55px;border-bottom:1px solid #21142f}.page-hero h1{font-size:62px;letter-spacing:-3px;margin:12px 0}.page-hero p{color:#93859f;max-width:650px;line-height:1.7}.rules{padding:55px 0 100px;display:grid;grid-template-columns:220px 1fr;gap:60px}.rules-nav{position:sticky;top:110px;height:max-content}.rules-nav a{display:block;padding:10px 0;color:#756883;text-decoration:none;font-size:12px}.rules-nav a:hover{color:#fff}.rule-block{border-bottom:1px solid #251735;padding:0 0 30px;margin-bottom:30px}.rule-block h2{font-size:22px}.rule-block p,.rule-block li{color:#93859f;font-size:13px;line-height:1.8}.forum-card{margin-top:40px;border:1px solid #38204f;background:linear-gradient(135deg,#180d29,#0e0717);border-radius:14px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:30px}.forum-card p{color:#8f819f;font-size:12px;line-height:1.6}.footer{border-top:1px solid #21152e;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-note{font-size:9px;color:#62566d}.drawer{position:fixed;z-index:50;right:0;top:0;height:100vh;width:min(430px,100%);background:#0d0716;border-left:1px solid #38214f;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column}.drawer.open{transform:none}.overlay{position:fixed;inset:0;background:#000b;z-index:40;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;padding:21px;border-bottom:1px solid #291a3b}.drawer-head h3{margin:0}.drawer-head button{background:none;border:0;color:white;font-size:27px;cursor:pointer}.cart-items{padding:18px;flex:1;overflow:auto}.cart-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #261735;align-items:center}.cart-icon{width:52px;height:52px;border-radius:7px;background:#1b0d2b;display:grid;place-items:center;color:#d8b4fe;font-weight:900}.cart-row h4{margin:0 0 4px;font-size:12px}.cart-row p{margin:0;color:#806f8f;font-size:10px}.remove{margin-left:auto;background:none;border:0;color:#675875;cursor:pointer}.cart-bottom{padding:20px;border-top:1px solid #291a3b}.total{display:flex;justify-content:space-between;margin-bottom:15px}.checkout{width:100%}.cart-bottom small{display:block;text-align:center;color:#665873;font-size:9px;line-height:1.5;margin-top:10px}
@media(max-width:800px){.navlinks{display:none}.hero{padding:70px 0}.hero-grid{grid-template-columns:1fr}.hero-logo{order:-1}.hero-logo img{width:330px}.section-head{display:block}.cards{grid-template-columns:1fr 1fr}.rules{grid-template-columns:1fr}.rules-nav{position:static}.forum-card{align-items:flex-start;flex-direction:column}.page-hero h1{font-size:48px}}@media(max-width:540px){.container{width:calc(100% - 26px)}.cards{grid-template-columns:1fr}.actions{flex-direction:column;align-items:stretch}.stats{gap:20px}.stats span{font-size:8px}.page-hero{padding-top:55px}.footer-inner{flex-direction:column;align-items:flex-start;gap:15px}}

/* Admin panel */
.admin-page{background:radial-gradient(circle at 15% 0%,rgba(168,85,247,.12),transparent 30%),var(--bg)}
.admin-shell{padding:70px 0 100px}.admin-login{min-height:calc(100vh - 150px);display:grid;place-items:center}.admin-login-card{width:min(470px,100%);padding:34px}.admin-login-card h1,.admin-head h1{font-size:48px;letter-spacing:-3px;margin:12px 0}.admin-login-card h1 em,.admin-head h1 em{font-style:normal;color:#c084fc}.admin-login-card p,.admin-head p{color:#93859f;font-size:12px;line-height:1.7}.admin-login-card form{display:grid;gap:11px;margin-top:25px}.admin-login-card input,.admin-toolbar input,.admin-toolbar select{width:100%;padding:13px 14px;border:1px solid #38234e;background:#0b0611;color:white;border-radius:8px;outline:none}.admin-login-card input:focus,.admin-toolbar input:focus,.admin-toolbar select:focus{border-color:#8b4ed0}.admin-error{min-height:18px;color:#f0a7c7;font-size:11px}.admin-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.admin-refresh{border:1px solid #38234e;background:#140b21;color:#ddd}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{border:1px solid #2a1b3e;background:linear-gradient(145deg,#130b20,#0d0716);border-radius:11px;padding:20px}.stat-card span{display:block;color:#746681;font-size:9px;font-weight:900;letter-spacing:1.4px}.stat-card strong{display:block;margin-top:10px;font-size:25px}.admin-toolbar{display:grid;grid-template-columns:1fr 210px auto;gap:10px;margin:25px 0}.admin-table-wrap{overflow:auto;border:1px solid #2a1b3e;border-radius:12px;background:#0c0712}.admin-table{width:100%;border-collapse:collapse;min-width:900px}.admin-table th{text-align:left;color:#665873;font-size:9px;letter-spacing:1px;padding:14px;border-bottom:1px solid #28183a}.admin-table td{padding:15px 14px;border-bottom:1px solid #21152f;color:#c9bfd2;font-size:11px}.admin-table tr:last-child td{border-bottom:0}.admin-table td small{display:block;color:#665873;margin-top:4px;font-size:9px}.order-link{background:none;border:0;padding:0;color:#c084fc;font-weight:900;cursor:pointer}.detail-btn{border:1px solid #38234e;background:#130b20;color:#c7b9d1;border-radius:7px;padding:8px 10px;cursor:pointer;font-size:10px;font-weight:800}.detail-btn.danger{color:#f0a7c7;border-color:#54263f}.status-pill{display:inline-flex;padding:6px 8px;border-radius:999px;background:#21142e;color:#bda7ce;font-size:9px;font-weight:900;white-space:nowrap}.status-pill.paid,.status-pill.delivered{background:#1e1930;color:#d8b4fe}.status-pill.failed{background:#321426;color:#f0a7c7}.status-pill.canceled{background:#17121c;color:#81758a}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px}.admin-pagination button{border:1px solid #38234e;background:#130b20;color:#c7b9d1;border-radius:7px;padding:9px 13px;cursor:pointer}.admin-pagination button:disabled{opacity:.35;cursor:not-allowed}.admin-pagination span{font-size:10px;color:#786a84}.empty{text-align:center!important;padding:40px!important;color:#766782!important}.admin-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:none;place-items:center;padding:20px;z-index:100}.admin-modal.show{display:grid}.admin-modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;border:1px solid #42255f;background:#10091a;border-radius:14px;padding:30px;position:relative;box-shadow:0 30px 100px #000}.admin-modal-card h2{margin:8px 0 25px}.admin-modal-close{position:absolute;right:18px;top:14px;background:none;border:0;color:#aaa;font-size:27px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid #28183a;border-radius:9px;overflow:hidden}.detail-grid>div{padding:14px;background:#0c0712}.detail-grid span:not(.status-pill){display:block;color:#655773;font-size:8px;font-weight:900;letter-spacing:1px;margin-bottom:6px}.detail-grid strong{font-size:11px}.error-box{margin-top:14px;padding:14px;border:1px solid #4b233a;background:#24101c;color:#d7a9be;border-radius:8px;font-size:10px;line-height:1.6}.modal-actions{display:flex;gap:10px;margin-top:18px}
@media(max-width:800px){.admin-head{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}.admin-toolbar{grid-template-columns:1fr}.admin-login-card h1,.admin-head h1{font-size:40px}}
@media(max-width:520px){.admin-stats{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}