:root{--bg:#060914;--panel:#0e172d;--panel-2:#111d38;--line:#233554;--text:#eef3ff;--muted:#9ba9c4;--primary:#6b63ff;--primary-2:#8f53ff;--gold:#f5c84c;--green:#20d47a;--red:#ff667c;--blue:#42b8ff;--shadow:0 18px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(93,74,255,.24),transparent 31rem),radial-gradient(circle at 0 20%,rgba(0,190,155,.07),transparent 24rem),var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",sans-serif;font-size:14px;line-height:1.8;direction:rtl}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(115,133,177,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(115,133,177,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:10;top:0;right:0;width:258px;height:100vh;padding:24px 18px;background:rgba(9,15,31,.94);border-left:1px solid rgba(105,124,172,.17);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;margin:0 8px 25px}.brand-icon,.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,#7a62ff,#aa4eff);box-shadow:0 0 28px rgba(121,84,255,.4);color:#fff;font-size:21px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:13px 9px;margin-bottom:22px;background:rgba(255,255,255,.025);border:1px solid rgba(123,144,193,.14);border-radius:15px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#ffc846,#ff8c63);color:#101525;font-weight:800}.sidebar-user strong{display:block;font-size:12px}.sidebar-user small{display:block;color:var(--muted);font-size:10px}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 13px;color:#aeb9d0;border-radius:12px;transition:.2s;font-size:13px}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(52,163,255,.28),rgba(104,80,255,.23));border:1px solid rgba(59,173,255,.35);box-shadow:0 6px 20px rgba(34,120,255,.12)}.logout-link{margin-top:auto;border:1px solid #59627b;padding:10px 13px;text-align:center;border-radius:12px;color:#dbe4f6;font-size:12px}.main-content{min-height:100vh;padding:0 28px 50px}.main-content.with-sidebar{margin-right:258px}.main-content.full-width{max-width:1240px;margin:0 auto}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between}.top-actions{display:flex;align-items:center;gap:12px;color:var(--muted)}.status-dot{font-size:11px}.status-dot i,.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-left:5px}.language-pill,.id-chip,.section-count{border:1px solid var(--line);background:rgba(15,26,49,.65);border-radius:99px;padding:3px 10px;font-size:10px;color:#c5d1e9}.mobile-brand{display:none}.hero-section{min-height:540px;display:flex;align-items:center;justify-content:center;gap:70px;padding:65px 6% 55px;position:relative;overflow:hidden}.hero-copy{text-align:center;max-width:710px;position:relative;z-index:1}.eyebrow{display:inline-block;border:1px solid rgba(245,200,76,.5);color:#f9da76;background:rgba(91,70,19,.2);padding:4px 14px;border-radius:99px;font-size:11px}.hero-copy h1{font-size:clamp(34px,5.5vw,68px);line-height:1.4;margin:20px 0 13px;font-weight:900;letter-spacing:-2px}.hero-copy h1 span{background:linear-gradient(90deg,#d7d8ff,#a85cff);-webkit-background-clip:text;color:transparent}.hero-copy p{color:var(--muted);font-size:15px;max-width:600px;margin:0 auto 24px}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;padding:10px 18px;color:#fff;font-weight:700;font-size:12px;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn.primary{background:linear-gradient(100deg,#5b66ed,#8155ff);box-shadow:0 10px 25px rgba(96,83,255,.28)}.btn.secondary,.btn.ghost,.btn.mini{background:rgba(255,255,255,.04);border:1px solid var(--line)}.btn.full-btn{width:100%;margin-top:8px}.btn.mini{padding:4px 10px;font-size:10px}.discord-btn{background:linear-gradient(100deg,#5368f0,#7654ff)!important}.trust-row{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:22px;color:#b9c5dc;font-size:11px}.hero-orb{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle,#6759ff 0%,#322e89 38%,transparent 69%);filter:drop-shadow(0 0 38px rgba(104,84,255,.4));color:#d3ccff;font-size:10px;transform:rotate(-8deg)}.orb-icon{font-size:68px;color:#ffdc55;text-shadow:0 0 30px #ffc400}.section-block{margin:35px auto;max-width:1180px}.section-heading,.page-heading,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading small,.page-heading small{color:#8697b8;font-size:11px}.section-heading h2,.page-heading h1{margin:3px 0 0;font-size:24px}.page-heading{padding:22px 0 7px}.page-heading h1{font-size:26px}.page-heading p{margin:2px 0;color:var(--muted);font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card,.feature-card,.panel-card,.stat-card{border:1px solid rgba(102,129,182,.24);background:linear-gradient(140deg,rgba(20,33,62,.88),rgba(10,19,39,.84));border-radius:18px;box-shadow:var(--shadow)}.game-card{padding:21px;min-height:165px;position:relative;overflow:hidden}.game-card:after,.feature-card:after{content:"";position:absolute;width:150px;height:150px;left:-60px;top:-70px;background:rgba(255,197,59,.15);filter:blur(25px);border-radius:50%}.game-icon,.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#f1bd31,#af7917);color:#19150a;font-weight:900;font-size:20px}.game-card h3,.feature-card h3{margin:15px 0 3px;font-size:16px}.game-card p,.feature-card p{color:var(--muted);font-size:12px;margin:0}.text-link{color:#b7b2ff;font-size:11px;font-weight:700}.game-card .text-link{display:block;margin-top:13px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.feature-card{position:relative;padding:25px;overflow:hidden}.feature-card.boost-card .feature-icon{background:linear-gradient(135deg,#9460ff,#643eff);color:#fff}.feature-card ul{padding:0;margin:14px 0 0;list-style:none;color:#d1dbed;font-size:12px;display:grid;gap:5px}.feature-card li:before{content:"✓";color:var(--green);margin-left:8px}.steps{text-align:center;padding:18px 0 38px}.steps h2{font-size:25px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.steps-grid>div{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(13,24,48,.65)}.steps-grid b{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,#7957ff,#a050ff);border-radius:10px;margin:0 auto 12px}.steps-grid h3{font-size:14px;margin:0}.steps-grid p{color:var(--muted);font-size:11px}.stats-grid{display:grid;gap:15px;margin:15px 0 20px}.stats-grid.three-cols{grid-template-columns:repeat(3,1fr)}.stats-grid.four-cols{grid-template-columns:repeat(4,1fr)}.stat-card{padding:18px;min-height:128px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;left:-35px;top:-35px;width:110px;height:110px;border-radius:50%;filter:blur(10px);opacity:.25}.stat-card.blue:after{background:#2aa5ff}.stat-card.purple:after{background:#9e57ff}.stat-card.green:after{background:#16d986}.stat-card.gold:after{background:#f0bc32}.stat-card small,.stat-card span{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:27px;margin:7px 0}.panel-card{padding:21px;margin:18px 0}.panel-title{margin-bottom:15px}.panel-title h2{font-size:16px;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:right;padding:12px 9px;border-bottom:1px solid rgba(112,137,184,.13);font-size:11px;white-space:nowrap}th{color:#93a4c5;font-weight:500}td{color:#e2e8f6}.table-sub{display:block;color:#8291aa;font-size:9px}.empty-state{text-align:center;color:var(--muted);padding:35px 10px;font-size:12px}.empty-state a{color:#a59aff;margin-right:5px}.badge{display:inline-flex;padding:3px 9px;border-radius:99px;font-size:10px;border:1px solid var(--line)}.badge.success{color:#52ef9c;border-color:rgba(45,213,125,.35);background:rgba(30,157,91,.1)}.badge.danger{color:#ff8b9b;border-color:rgba(255,91,118,.35);background:rgba(220,48,78,.1)}.badge.warning{color:#f5d368;border-color:rgba(245,202,76,.35);background:rgba(200,147,24,.1)}.badge.info{color:#7acbff;border-color:rgba(69,182,255,.35);background:rgba(35,136,200,.1)}.alert{padding:10px 14px;border-radius:12px;font-size:12px;margin:10px 0;border:1px solid}.alert.success{color:#63eca6;background:rgba(29,145,84,.11);border-color:rgba(48,218,128,.35)}.alert.danger{color:#ff9aaa;background:rgba(208,43,71,.11);border-color:rgba(255,90,117,.36)}.alert.info{color:#8bd1ff;background:rgba(29,119,184,.12);border-color:rgba(67,174,240,.33)}.page-alert{max-width:900px;margin:15px auto 0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{width:min(100%,420px);padding:32px;border:1px solid var(--line);background:linear-gradient(140deg,rgba(18,31,59,.97),rgba(8,15,31,.97));border-radius:22px;box-shadow:var(--shadow);text-align:center}.auth-card .brand-mark{margin:0 auto 18px}.auth-card h1{margin:0 0 7px}.auth-card p{color:var(--muted);font-size:12px}.stack-form{display:grid;gap:14px;text-align:right}.stack-form label,.form-grid label{display:grid;gap:5px;color:#cbd5e9;font-size:11px}.stack-form input,.stack-form textarea,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);background:#0a142a;color:#eef3ff;padding:10px 12px;border-radius:10px;outline:none}.stack-form input:focus,.stack-form textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#6d69ff;box-shadow:0 0 0 3px rgba(103,92,255,.12)}.back-link{display:block;margin-top:20px;color:#a9b4ca;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.span-2{grid-column:span 2}.field-help{color:#8290a8;font-size:10px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:17px}.detail-list{display:grid;gap:0;margin:8px 0 18px}.detail-list div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(112,137,184,.13);font-size:12px}.detail-list span{color:var(--muted)}.detail-list b{color:#edf2ff}.accent-panel{background:linear-gradient(140deg,rgba(79,55,150,.25),rgba(11,22,48,.86));border-color:rgba(122,89,255,.32)}.accent-panel h2{font-size:17px}.accent-panel p{color:#b7c1d6;font-size:12px}.order-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin-bottom:17px;border:1px solid rgba(245,201,72,.24);background:rgba(146,105,22,.1);border-radius:13px;font-size:11px;color:var(--muted)}.order-summary strong{color:#f5d46d}.calculation{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:11px}.calculation span{color:var(--muted)}.calculation b{text-align:left}.inline-actions{display:flex;gap:5px}.success-btn{color:#63efa5!important;border-color:rgba(44,220,127,.4)!important}.danger-btn{color:#ff8f9e!important;border-color:rgba(255,85,112,.4)!important}.empty-page{text-align:center;padding-top:20vh}.empty-page .brand-mark{margin:0 auto 15px}.empty-page h1{font-size:25px}.empty-page p{color:var(--muted)}
@media(max-width:1000px){.sidebar{width:220px}.main-content.with-sidebar{margin-right:220px}.stats-grid.four-cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:13px;display:block;border-left:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 10px}.sidebar-user{display:none}.nav-list{display:flex;overflow-x:auto;gap:5px;padding-bottom:3px}.nav-item{white-space:nowrap;padding:8px 10px;font-size:11px}.logout-link{display:none}.main-content.with-sidebar{margin-right:0}.main-content{padding:0 13px 35px}.topbar{height:55px}.mobile-brand{display:flex;align-items:center;gap:7px;font-weight:800}.mobile-brand .brand-icon{width:27px;height:27px;font-size:15px;border-radius:8px}.hero-section{min-height:560px;padding:35px 0 45px;display:block}.hero-copy h1{font-size:38px}.hero-copy p{font-size:13px}.hero-orb{margin:35px auto 0;width:150px;height:150px}.orb-icon{font-size:47px}.game-grid,.feature-grid,.steps-grid,.detail-grid{grid-template-columns:1fr}.stats-grid.three-cols{grid-template-columns:1fr}.stats-grid.four-cols{grid-template-columns:repeat(2,1fr)}.section-heading,.page-heading{align-items:flex-start}.section-heading h2,.page-heading h1{font-size:20px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.panel-card{padding:15px}.table-wrap{margin:0 -5px}.trust-row{gap:10px}.order-summary{flex-wrap:wrap}}