@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#060a11;--panel:#0a111b;--line:#162433;--text:#f4f7fb;--muted:#8592a3;--cyan:#2be8f3;--blue:#4a8dff;--purple:#795cff;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}.topbar{height:28px;background:#02050a;border-bottom:1px solid #101824;color:#667386;font-size:10px;display:flex;align-items:center;justify-content:center;gap:28px}.topbar span:first-child{color:#dfe8f5}.topbar a{color:#c8d3e0;text-decoration:none}.nav{height:74px;display:flex;align-items:center;gap:48px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;letter-spacing:.16em}.brand img{width:36px;height:36px}.nav nav{display:flex;gap:30px;flex:1}.nav nav a,.footer a{color:#9ba8b8;text-decoration:none;font-size:13px}.nav nav a:hover,.footer a:hover{color:white}.login{font-size:11px;font-weight:800;letter-spacing:.08em;color:#071019;background:#eef5fa;padding:10px 15px;border-radius:3px;text-decoration:none}.menu{display:none}.hero{min-height:680px;position:relative;overflow:hidden;border-top:1px solid #101923;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 38%,rgba(34,221,238,.12),transparent 26%),radial-gradient(circle at 80% 60%,rgba(116,73,255,.12),transparent 30%),linear-gradient(110deg,#07101a 0%,#050910 60%,#070b12 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,17,.98) 0%,rgba(6,10,17,.82) 40%,rgba(6,10,17,.2) 72%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.018) 80px)}.hero-art{position:absolute;right:-80px;top:-60px;width:55%;height:110%;background:radial-gradient(ellipse at center,rgba(29,216,235,.14),transparent 55%);filter:blur(1px)}.hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;min-height:680px}.hero-copy{padding:70px 0}.eyebrow,.section-head small,.statement small,.download small{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--cyan)}h1{font-family:'Space Grotesk';font-size:72px;line-height:.94;letter-spacing:-.055em;margin:22px 0 24px;max-width:620px}h1 span{color:var(--cyan)}.hero-copy>p{color:#9aa8b8;line-height:1.75;font-size:15px;max-width:550px}.actions{display:flex;gap:12px;margin:30px 0}.primary,.secondary{padding:15px 20px;border-radius:3px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.06em}.primary{color:#031013;background:var(--cyan);box-shadow:0 0 30px rgba(43,232,243,.15)}.secondary{color:#dce8f2;border:1px solid #30475c;background:#09111b}.micro{display:flex;gap:26px;color:#7e8c9e;font-size:11px}.micro span:first-letter{color:var(--cyan)}.client-shell{transform:perspective(1200px) rotateY(-5deg) rotateX(1deg);border:1px solid #28455a;background:#07101a;border-radius:10px;box-shadow:-20px 35px 80px #000,0 0 60px rgba(43,232,243,.08);overflow:hidden}.windowbar{height:42px;background:#080e16;border-bottom:1px solid #1b2b3a;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#667688;font-size:11px}.window-logo{color:white;font-weight:800;letter-spacing:.1em}.client-body{height:410px;display:grid;grid-template-columns:150px 1fr}.client-body aside{padding:20px 13px;background:#08111b;border-right:1px solid #162636;display:flex;flex-direction:column;gap:8px}.client-body aside small{color:#526274;font-size:9px;margin-bottom:6px}.client-body aside span,.client-body aside b{font-size:11px;padding:9px 10px;border-radius:4px;color:#8796a8}.client-body aside b{background:#0d2634;color:#47eaf2}.panel{padding:20px}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top small,.stats small{color:#5f7183;font-size:8px;letter-spacing:.12em}.panel-top h3{margin:5px 0 0}.panel-top button{background:var(--cyan);border:0;border-radius:3px;padding:11px 14px;font-weight:800;font-size:10px}.game{height:210px;margin-top:18px;border:1px solid #1c3446;border-radius:5px;background:radial-gradient(circle at 80% 40%,rgba(43,232,243,.18),transparent 25%),linear-gradient(135deg,#0f2932,#0a1722 55%,#10152b);position:relative;overflow:hidden}.game:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(121,92,255,.12))}.game-copy{position:absolute;left:22px;bottom:22px;z-index:2;display:flex;flex-direction:column;gap:5px}.game-copy span{font-size:9px;color:var(--cyan);letter-spacing:.15em}.game-copy strong{font:600 23px 'Space Grotesk'}.game-copy small{color:#8190a1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.stats div{padding:13px;background:#09131e;border:1px solid #172838}.stats b{display:block;margin-top:5px;font-size:12px}.strip{background:#07101a;border-bottom:1px solid var(--line)}.strip-grid{min-height:92px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.strip-grid div{display:flex;gap:14px;align-items:center;border-right:1px solid #1a2836;padding-left:25px}.strip-grid div:first-child{padding-left:0}.strip-grid div:last-child{border:0}.strip-grid b{color:var(--cyan);font:600 12px 'Space Grotesk'}.strip-grid span{font-size:12px;color:#9caaba}.content{padding:110px 0}.section-head{max-width:690px}.section-head h2,.statement h2,.download h2{font:700 48px/1 'Space Grotesk';letter-spacing:-.04em;margin:14px 0 20px}.section-head p,.statement p,.download p{color:#8b99aa;line-height:1.8}.feature-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;margin-top:60px}.feature-shot{background:#08111b;border:1px solid #172a3b;padding:18px}.feature-shot>small{display:block;margin-top:14px;color:#566679;font-size:9px;letter-spacing:.12em}.fake-ui{height:350px;display:grid;grid-template-columns:130px 1fr;background:#060b12;border:1px solid #1d3447}.fake-side{border-right:1px solid #172a3a;background:linear-gradient(#0a1621,#08101a)}.fake-main{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.fake-main i{display:block;border:1px solid #1c3445;background:linear-gradient(135deg,#0d202c,#09121c);min-height:90px}.fake-main i:first-child{grid-column:span 2;min-height:120px;background:radial-gradient(circle at 75% 50%,rgba(43,232,243,.15),transparent 25%),#0a1621}.feature-list article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #172431}.feature-list b{font:600 11px 'Space Grotesk';color:var(--cyan)}.feature-list h3{margin:0 0 8px;font:600 19px 'Space Grotesk'}.feature-list p{margin:0;color:#7f8c9d;font-size:13px;line-height:1.65}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(120deg,#07111a,#080c15)}.statement-grid{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.statement-grid a{display:inline-block;color:var(--cyan);text-decoration:none;font-size:11px;font-weight:800;margin-top:15px}.cards{padding:80px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{border:1px solid #172b3c;background:#08111a;padding:34px;min-height:210px}.cards span{color:var(--cyan);font-size:24px}.cards h3{font:600 22px 'Space Grotesk';margin:30px 0 10px}.cards p{color:#7f8c9c;line-height:1.7;font-size:13px}.download{border-top:1px solid #193141;background:radial-gradient(circle at 75%,rgba(43,232,243,.12),transparent 25%),#07101a}.download-inner{min-height:260px;display:flex;align-items:center;justify-content:space-between}.download h2{font-size:55px}.download p{margin:0}.footer{min-height:120px;display:flex;align-items:center;gap:35px}.footer>p{font-size:9px;color:#596778;letter-spacing:.16em;flex:1}.footer>div{display:flex;gap:24px}.legal{border-top:1px solid #111c27;padding:18px 0 28px;color:#4f5b68;font-size:9px}@media(max-width:900px){.nav nav{display:none}.menu{display:block;margin-left:auto;background:none;border:0;color:white;font-size:20px}.login{display:none}.hero-grid,.feature-layout,.statement-grid{grid-template-columns:1fr}.hero-grid{padding-bottom:60px}.hero-copy{padding-bottom:0}h1{font-size:58px}.client-shell{transform:none}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid div{padding:20px;border-bottom:1px solid #1a2836}.cards{grid-template-columns:1fr}.statement-grid{gap:25px}.download-inner{padding:65px 0;align-items:flex-start;flex-direction:column;gap:25px}}@media(max-width:560px){.wrap{width:min(100% - 30px,var(--wrap))}.topbar{justify-content:space-between;padding:0 15px}.topbar span:nth-child(2){display:none}.nav{height:62px}.hero-grid{min-height:auto}.hero-copy{padding-top:55px}h1{font-size:46px}.hero-copy>p{font-size:14px}.actions,.micro{flex-direction:column}.micro{gap:10px}.client-body{grid-template-columns:70px 1fr;height:340px}.client-body aside{padding:12px 6px}.client-body aside span,.client-body aside b{font-size:0;padding:8px}.client-body aside span:first-letter,.client-body aside b:first-letter{font-size:14px}.panel{padding:12px}.game{height:170px}.stats{gap:5px}.stats div{padding:8px}.strip-grid{grid-template-columns:1fr}.strip-grid div{padding-left:0}.section-head h2,.statement h2,.download h2{font-size:38px}.content{padding:75px 0}.feature-layout{gap:35px}.fake-ui{height:250px;grid-template-columns:70px 1fr}.fake-main{padding:12px}.statement-grid{padding:65px 0}.footer{align-items:flex-start;flex-direction:column;padding:40px 0}.footer>div{flex-wrap:wrap}}
/* Account & dashboard */
.nav-actions{display:flex;align-items:center;gap:10px}.nav-signin,.back-link{font-size:11px;font-weight:800;letter-spacing:.08em;color:#a9b7c6;text-decoration:none}.nav-signin:hover,.back-link:hover{color:#fff}.auth-page{min-height:100vh;background:radial-gradient(circle at 20% 35%,rgba(43,232,243,.08),transparent 30%),radial-gradient(circle at 85% 70%,rgba(121,92,255,.08),transparent 28%),#060a11}.auth-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.012) 90px)}.auth-page .nav{justify-content:space-between}.auth-wrap{width:min(1040px,calc(100% - 48px));margin:7vh auto 8vh;display:grid;grid-template-columns:1fr 460px;gap:100px;align-items:center;position:relative}.auth-intro h1{font-size:68px}.auth-intro>p{color:#8d9bab;line-height:1.8;max-width:470px}.auth-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:#7d8b9c;font-size:11px}.auth-card{border:1px solid #193043;background:rgba(8,17,27,.9);padding:40px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.auth-card small,.dash-main small{color:var(--cyan);font-size:9px;letter-spacing:.15em;font-weight:800}.auth-card h2{font:600 30px 'Space Grotesk';margin:8px 0}.auth-card>div>p{color:#728194;font-size:13px;margin:0 0 28px}.auth-card form{display:flex;flex-direction:column;gap:18px}.auth-card label{font-size:11px;font-weight:700;color:#c6d0dc}.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text]{width:100%;margin-top:8px;background:#060c13;border:1px solid #1b3041;color:#fff;padding:14px 15px;outline:0;border-radius:2px;font:inherit}.auth-card input:focus{border-color:#2be8f3;box-shadow:0 0 0 3px rgba(43,232,243,.06)}.label-row{float:right}.label-row a{color:#718398;text-decoration:none}.check{display:flex;align-items:center;gap:9px;color:#7d8b9c!important;font-weight:500!important}.check input{accent-color:#2be8f3}.form-button{border:0;background:var(--cyan);color:#041014;padding:15px;font-size:11px;font-weight:900;letter-spacing:.08em;cursor:pointer}.auth-switch{border-top:1px solid #172838;margin-top:28px;padding-top:24px;color:#718094;font-size:12px}.auth-switch a{color:#dfe9f4;text-decoration:none;font-weight:700}.auth-footer{text-align:center;color:#465463;font-size:9px;padding:20px}.auth-footer span{margin:0 8px}.dash-page{background:#060a11}.dash-top{height:70px;position:sticky;top:0;z-index:20;background:rgba(5,9,15,.96);border-bottom:1px solid #152432;display:flex;align-items:center;padding:0 26px}.dash-top .brand{margin-right:auto}.dash-user{display:flex;align-items:center;gap:10px;color:#8190a1;font-size:11px}.dash-user>b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #244256;background:#0b1924;color:#fff;border-radius:50%}.status-dot{display:inline-block;width:7px;height:7px;background:#2be8f3;border-radius:50%;box-shadow:0 0 10px rgba(43,232,243,.5)}.dash-menu{display:none;background:none;border:0;color:#fff;font-size:20px}.dash-layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 70px)}.dash-side{position:sticky;top:70px;height:calc(100vh - 70px);border-right:1px solid #152432;background:#07101a;padding:28px 16px;display:flex;flex-direction:column;gap:5px}.dash-side small{color:#536476;font-size:9px;letter-spacing:.14em;margin:18px 10px 8px}.dash-side small:first-child{margin-top:0}.dash-side a{padding:11px 12px;color:#7f8fa1;text-decoration:none;font-size:12px;border-radius:3px}.dash-side a:hover,.dash-side a.active{background:#0b202d;color:#dffcff}.dash-side a.active{border-left:2px solid var(--cyan)}.dash-main{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:60px 0}.dash-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.dash-heading h1{font-size:44px;margin:8px 0 6px}.dash-heading p{margin:0;color:#778698}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0}.dash-stats article,.dash-card{border:1px solid #172b3b;background:#08111a;padding:24px}.dash-stats b{display:block;font:600 25px 'Space Grotesk';margin:12px 0 7px}.dash-stats span{color:#68798b;font-size:10px}.dash-stats .status-dot{margin-right:6px}.dash-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.dash-card{min-height:250px}.dash-card.featured{background:radial-gradient(circle at 85% 20%,rgba(43,232,243,.12),transparent 32%),#08111a}.dash-card h2{font:600 24px 'Space Grotesk';margin:9px 0}.dash-card p{color:#738294;font-size:13px}.download-row{margin-top:55px;padding-top:20px;border-top:1px solid #193040;display:flex;justify-content:space-between;align-items:center}.download-row span{display:flex;flex-direction:column;gap:5px}.download-row small{color:#68798b}.dash-card ol{list-style:none;padding:15px 0 0;margin:0}.dash-card li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid #152533;color:#8493a5;font-size:12px}.dash-card li b{color:var(--cyan);font-size:10px}.dash-card.wide{grid-column:1/-1}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title a{color:var(--cyan);text-decoration:none;font-size:10px;font-weight:800}.empty-state{text-align:center;padding:35px 0;color:#66778a}.empty-state>span{font-size:30px;color:#2be8f3}.empty-state b{display:block;color:#c9d4df;margin:12px}.empty-state p{margin:0}
@media(max-width:900px){.nav-actions .login{display:inline-block}.auth-wrap{grid-template-columns:1fr;gap:40px;margin-top:5vh}.auth-intro{text-align:center}.auth-intro>p{margin-left:auto;margin-right:auto}.auth-points{justify-content:center}.auth-intro h1{font-size:54px}.dash-layout{grid-template-columns:1fr}.dash-menu{display:block;margin-right:15px}.dash-side{display:none;position:fixed;z-index:19;top:70px;left:0;width:230px}.dash-side.open{display:flex}.dash-main{width:min(100% - 36px,1180px);padding-top:38px}.dash-stats{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.dash-card.wide{grid-column:auto}}
@media(max-width:560px){.nav-actions{gap:6px}.nav-signin{display:none}.auth-page .nav{height:64px}.back-link{font-size:9px}.auth-wrap{width:calc(100% - 28px);margin-top:28px}.auth-intro h1{font-size:43px}.auth-intro>p{font-size:13px}.auth-points{display:none}.auth-card{padding:26px 20px}.auth-card h2{font-size:26px}.dash-top{height:62px;padding:0 14px}.dash-top .brand img{width:30px;height:30px}.dash-top .brand b{font-size:13px}.dash-user>span:not(.status-dot){display:none}.dash-layout{min-height:calc(100vh - 62px)}.dash-side{top:62px;height:calc(100vh - 62px)}.dash-main{width:calc(100% - 28px);padding-top:28px}.dash-heading{align-items:flex-start;flex-direction:column}.dash-heading h1{font-size:34px}.dash-heading .primary{width:100%;text-align:center}.dash-stats{grid-template-columns:1fr 1fr;gap:8px}.dash-stats article{padding:17px}.dash-stats b{font-size:20px}.dash-card{padding:20px}.download-row{align-items:flex-start;flex-direction:column;gap:20px;margin-top:38px}.download-row .primary{width:100%;text-align:center}.card-title{align-items:flex-start;gap:15px;flex-direction:column}}
@media(max-width:900px){.nav nav.open{display:flex;position:absolute;left:0;right:0;top:68px;flex-direction:column;gap:0;background:#07101a;border:1px solid #172b3b;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.45)}.nav nav.open a{padding:13px}.nav .menu{order:2}.nav .nav-actions{order:3}}
@media(max-width:560px){.client-shell{max-width:100%;overflow:hidden}.panel-top h3{font-size:15px}.panel-top button{padding:9px;font-size:8px}.game-copy strong{font-size:17px}.stats b{font-size:9px}.feature-shot{padding:10px}.cards{padding:55px 0}.download-inner{min-height:220px}.strip-grid div{min-height:62px}.topbar{gap:10px}}
/* Motion, polish & admin */
body{overflow-x:hidden}.nav{transition:background .25s,border-color .25s}.brand img{filter:drop-shadow(0 0 12px rgba(43,232,243,.18));transition:transform .3s,filter .3s}.brand:hover img{transform:rotate(-5deg) scale(1.06);filter:drop-shadow(0 0 18px rgba(43,232,243,.4))}.primary,.secondary,.login,.form-button,.ghost-btn,.danger-btn{transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.primary:hover,.form-button:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(43,232,243,.22)}.secondary:hover,.ghost-btn:hover{transform:translateY(-2px);border-color:#2be8f3}.client-shell,.cards article,.dash-card,.dash-stats article,.admin-kpis article{transition:transform .3s,border-color .3s,box-shadow .3s}.client-shell:hover{transform:perspective(1200px) rotateY(-2deg) translateY(-5px);border-color:#2b7187;box-shadow:-20px 40px 90px #000,0 0 70px rgba(43,232,243,.12)}.cards article:hover,.dash-card:hover,.dash-stats article:hover,.admin-kpis article:hover{transform:translateY(-3px);border-color:#24475d;box-shadow:0 16px 45px rgba(0,0,0,.18)}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].revealed{opacity:1;transform:none}.topbar{display:none!important}.hero{border-top:1px solid #101923}.admin-page .dash-main{max-width:none}.admin-page .dash-top .brand em{font-style:normal;font-size:8px;letter-spacing:.14em;color:#2be8f3;border:1px solid #17414e;padding:4px 6px;margin-left:2px}.admin-search{width:min(420px,35vw);height:38px;margin-right:22px;border:1px solid #172b3b;background:#07101a;display:flex;align-items:center;padding:0 12px;gap:8px}.admin-search span{color:#506274}.admin-search input{width:100%;border:0;outline:0;background:transparent;color:#dce8f2;font:inherit;font-size:11px}.dash-side a{display:flex;justify-content:space-between}.dash-side a i{font-style:normal;font-size:9px;color:#4e6577}.admin-main{padding-top:42px}.admin-live{font-size:9px;letter-spacing:.12em;color:#748798;border:1px solid #193142;padding:10px 12px}.admin-live i{margin-right:7px}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 14px}.admin-kpis article{min-width:0;border:1px solid #172b3b;background:linear-gradient(145deg,#09131d,#071019);padding:22px;display:flex;justify-content:space-between}.admin-kpis article>i{font-style:normal;color:#2be8f3;font-size:22px;opacity:.8}.admin-kpis small{display:block;color:#647689;font-size:8px;letter-spacing:.12em}.admin-kpis b{display:block;font:600 28px 'Space Grotesk';margin:9px 0 6px}.admin-kpis span{font-size:9px;color:#647689}.trend.up,.pulse-text{color:#2be8f3!important}.admin-split{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-bottom:14px}.admin-split.lower{grid-template-columns:1fr 1fr;margin-top:14px}.card-title select,.table-actions select{background:#071019;color:#8292a4;border:1px solid #1b3041;padding:9px 10px;font-size:10px;outline:0}.bars{height:190px;display:flex;align-items:flex-end;gap:16px;padding-top:24px}.bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bars i{display:block;width:100%;height:var(--h);background:linear-gradient(180deg,#2be8f3,#155d73);border-radius:3px 3px 0 0;box-shadow:0 0 18px rgba(43,232,243,.08);transition:height .6s,filter .2s}.bars i:hover{filter:brightness(1.3)}.bars span{font-size:8px;color:#586a7c}.plan-row{display:grid;grid-template-columns:1fr 50px 52px;gap:10px;padding:15px 0;border-bottom:1px solid #142532;align-items:center;font-size:11px}.plan-row span{color:#9cacbc}.plan-row b{text-align:right}.plan-row em{font-style:normal;color:#5e7081;text-align:right;font-size:9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.dot.cyan{background:#2be8f3}.dot.purple{background:#795cff}.dot.gold{background:#d9ae55}.dot.muted{background:#455464}.users-card{padding:0;overflow:hidden}.users-head{display:flex;justify-content:space-between;align-items:center;padding:24px}.users-head h2{margin-bottom:0}.table-actions{display:flex;gap:8px}.ghost-btn,.danger-btn{border:1px solid #244052;background:#09131d;color:#aebdca;padding:10px 12px;font-size:9px;font-weight:800;letter-spacing:.06em;cursor:pointer}.danger-btn{border-color:#5b2d39;color:#e18b9c;background:#160c10}.primary.mini{border:0;padding:11px 13px;cursor:pointer}.table-wrap{overflow:auto;border-top:1px solid #172b3b;border-bottom:1px solid #172b3b}.user-table{width:100%;border-collapse:collapse;min-width:960px}.user-table th{text-align:left;padding:12px 16px;color:#506274;font-size:8px;letter-spacing:.11em;background:#060d14}.user-table td{padding:15px 16px;border-top:1px solid #122330;font-size:10px;color:#7f90a1;white-space:nowrap}.user-table tbody tr{transition:background .2s}.user-table tbody tr:hover{background:#0a1721}.user-table td>strong,.user-table td>small{display:block}.user-table td>small{color:#506274;margin-top:4px}.user-cell{display:flex;align-items:center;gap:10px}.user-cell>b,.avatar-lg{display:grid;place-items:center;border:1px solid #214257;background:#0c1c28;color:#bdfaff;border-radius:50%;width:34px;height:34px;font-size:9px}.user-cell span strong,.user-cell span small{display:block}.user-cell span strong{color:#d7e0e9}.user-cell span small{margin-top:4px;color:#56697a}.badge,.state,.live-pill{display:inline-block;padding:5px 7px;border:1px solid #244052;font-size:8px;font-weight:800;letter-spacing:.05em;margin-right:4px}.badge.monthly{color:#70dfea;background:#09232a}.badge.lifetime{color:#b6a6ff;background:#17142b;border-color:#39305e}.badge.vip{color:#e2be6a;background:#261f0e;border-color:#59491d}.badge.expired{color:#788899}.state.active{color:#67e4c4;background:#09241f;border-color:#1e5146}.state.inactive{color:#8b98a5;background:#10161d}.dots{border:0;background:transparent;color:#758798;cursor:pointer;padding:8px}.dots:hover{color:#2be8f3}.table-foot{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:#536576;font-size:9px}.table-foot button{border:1px solid #193040;background:#071019;color:#718497;width:30px;height:28px;margin-left:4px}.table-foot button.active{border-color:#2be8f3;color:#dffcff}.session-list>div,.activity-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #142532}.session-list span b,.session-list span small,.activity-list span b,.activity-list span small{display:block}.session-list span b,.activity-list span b{font-size:11px;color:#d4dee7}.session-list span small,.activity-list span small{font-size:9px;color:#5e7081;margin-top:4px}.session-list em,.activity-list time{font-style:normal;color:#5e7081;font-size:9px}.activity-list>div>i{font-style:normal;color:#2be8f3}.live-pill{color:#2be8f3;border-color:#1f5662;background:#092027}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(1,4,8,.78);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.user-modal{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;border:1px solid #23445a;background:#08111a;box-shadow:0 35px 120px #000;padding:30px;animation:modalIn .25s ease}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;color:#718294;font-size:24px;cursor:pointer}.modal-head{display:flex;align-items:center;gap:15px;padding-right:30px}.avatar-lg{width:52px;height:52px;font-size:13px}.modal-head>div:nth-child(2){flex:1}.modal-head h2{margin:4px 0;font:600 25px 'Space Grotesk'}.modal-head p{margin:0;color:#657789;font-size:10px}.modal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.modal-grid>div{border:1px solid #172b3b;background:#060d14;padding:14px}.modal-grid small,.modal-section>small{display:block;color:#566a7b;font-size:8px;letter-spacing:.1em;margin-bottom:7px}.modal-grid b{font-size:11px}.modal-section{margin-top:24px}.discord-box{display:flex;align-items:center;gap:12px;border:1px solid #172b3b;padding:13px}.discord-box>span{font-size:24px;color:#795cff}.discord-box>div{flex:1}.discord-box b,.discord-box small{display:block}.discord-box small{color:#5d7082;font-size:9px;margin-top:4px}.billing-row{display:grid;grid-template-columns:110px 1fr 70px 50px;gap:10px;padding:12px 0;border-bottom:1px solid #142532;font-size:10px}.billing-row span{color:#647688}.billing-row em{font-style:normal}.billing-row i{font-style:normal;color:#67e4c4}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:25px}@keyframes modalIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1100px){.admin-kpis{grid-template-columns:1fr 1fr}.admin-search{display:none}.admin-split{grid-template-columns:1fr}.admin-split.lower{grid-template-columns:1fr 1fr}}@media(max-width:720px){.admin-kpis{grid-template-columns:1fr 1fr}.admin-split.lower{grid-template-columns:1fr}.users-head{align-items:flex-start;flex-direction:column;gap:18px}.table-actions{width:100%;overflow:auto}.modal-grid{grid-template-columns:1fr 1fr}.billing-row{grid-template-columns:1fr auto}.billing-row span,.billing-row b{grid-column:span 1}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media(max-width:480px){.admin-kpis{grid-template-columns:1fr}.admin-kpis b{font-size:24px}.bars{gap:8px}.modal-grid{grid-template-columns:1fr}.user-modal{padding:22px 16px}.modal-head .state{display:none}}
/* V4 homepage motion + live achievement feed */
body{overflow-x:hidden}.hero{isolation:isolate}.hero-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#78f8ff;box-shadow:0 0 12px #2be8f3;opacity:.3;animation:particleFloat var(--dur) linear infinite;left:var(--x);top:105%;animation-delay:var(--delay)}@keyframes particleFloat{0%{transform:translate3d(0,0,0) scale(.7);opacity:0}12%{opacity:.55}70%{opacity:.25}100%{transform:translate3d(var(--drift),-115vh,0) scale(1.5);opacity:0}}.client-shell{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.client-shell:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(0) translateY(-6px);box-shadow:-20px 45px 100px #000,0 0 80px rgba(43,232,243,.13)}.primary,.secondary,.dash-card,.cards article,.feature-list article{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s}.primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 35px rgba(43,232,243,.2)}.secondary:hover,.cards article:hover,.dash-card:hover{transform:translateY(-3px);border-color:#28546a;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.live-world{position:relative;overflow:hidden;padding:110px 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 45%,rgba(43,232,243,.1),transparent 26%),radial-gradient(circle at 88% 70%,rgba(121,92,255,.08),transparent 24%),#050a10}.live-world:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent,#000 50%,transparent)}.live-world-grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.live-copy small{font-size:10px;color:var(--cyan);font-weight:800;letter-spacing:.17em}.live-copy h2{font:600 52px/1 'Space Grotesk';letter-spacing:-.045em;margin:16px 0 22px}.live-copy h2 span{color:var(--cyan)}.live-copy p{max-width:430px;color:#8392a3;line-height:1.75;font-size:13px}.live-count{display:flex;align-items:center;gap:8px;margin-top:28px;font-size:9px;color:#617487;letter-spacing:.06em}.live-count i{width:7px;height:7px;border-radius:50%;background:#2be8f3;box-shadow:0 0 12px #2be8f3;animation:livePulse 1.5s infinite}.live-count b{color:#7ff8ff}.feed-stage{position:relative;min-height:430px;perspective:1000px}.feed-glow{position:absolute;width:420px;height:420px;right:8%;top:0;background:#1ee7f1;border-radius:50%;filter:blur(150px);opacity:.07}.feed-rail{position:relative;display:flex;flex-direction:column;gap:12px;transform:rotateY(-4deg)}.achievement{position:relative;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;min-height:86px;padding:14px 18px;border:1px solid #173244;background:linear-gradient(100deg,rgba(9,21,31,.96),rgba(6,13,21,.88));box-shadow:0 18px 50px rgba(0,0,0,.25);overflow:hidden;transition:.25s ease}.achievement:nth-child(2){transform:translateX(34px)}.achievement:nth-child(3){transform:translateX(12px)}.achievement:nth-child(4){transform:translateX(48px)}.achievement:hover{border-color:#2a7183;filter:brightness(1.08);transform:translateX(8px) scale(1.01)!important}.achievement:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(43,232,243,.06),transparent 65%);transform:translateX(-100%);animation:feedSheen 6s infinite}.achievement-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #23485a;background:radial-gradient(circle,#102c38,#08121b);border-radius:5px}.achievement-icon img{max-width:44px;max-height:44px;image-rendering:auto}.achievement-icon.skill img{max-width:34px;max-height:34px;image-rendering:pixelated}.achievement small{display:block;color:#2be8f3;font-size:8px;font-weight:800;letter-spacing:.14em;margin-bottom:6px}.achievement b{display:block;font-size:12px;color:#dce7f0}.achievement span{display:block;color:#5e7183;font-size:9px;margin-top:6px}.achievement em,.achievement>strong{font-style:normal;color:#e1bd67;border:1px solid #5c4b1d;background:#221c0b;padding:7px 9px;font-size:8px;letter-spacing:.08em}.achievement>strong{font:700 24px 'Space Grotesk';color:#69f5ff;background:transparent;border:0}.feed-new{animation:feedIn .55s cubic-bezier(.16,1,.3,1)}.feed-orbit{position:absolute;border:1px solid rgba(43,232,243,.08);border-radius:50%;right:-200px;top:-270px;width:720px;height:720px}.feed-orbit-b{right:-100px;top:-170px;width:520px;height:520px;border-color:rgba(121,92,255,.08)}@keyframes livePulse{50%{opacity:.35;box-shadow:0 0 4px #2be8f3}}@keyframes feedSheen{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes feedIn{from{opacity:0;transform:translateY(-18px) scale(.98)}to{opacity:1;transform:none}}
/* user account settings */
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.account-form{display:grid;gap:13px;margin-top:18px}.account-form label{display:grid;gap:7px;color:#6e8092;font-size:9px;letter-spacing:.06em}.account-form input{width:100%;background:#060d14;border:1px solid #1a3040;color:#dbe6ef;padding:13px 14px;outline:0}.account-form input:focus{border-color:#2d7787;box-shadow:0 0 0 3px rgba(43,232,243,.05)}.account-form .primary{justify-self:start;border:0;cursor:pointer}.discord-connect{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #172b3b;background:#060d14;padding:16px;margin-top:18px}.discord-connect span b,.discord-connect span small{display:block}.discord-connect span small{color:#617386;font-size:9px;margin-top:5px}.discord-mark{font-size:24px;color:#8d78ff}.save-message{font-size:9px;color:#65e6c7;min-height:12px}
@media(max-width:900px){.live-world{padding:80px 0}.live-world-grid{grid-template-columns:1fr;gap:45px}.live-copy h2{font-size:44px}.feed-stage{min-height:auto}.feed-rail{transform:none}.achievement:nth-child(n){transform:none}.account-grid{grid-template-columns:1fr}}@media(max-width:600px){.live-world{padding:65px 0}.live-copy h2{font-size:38px}.achievement{grid-template-columns:46px 1fr auto;min-height:74px;padding:11px}.achievement-icon{width:44px;height:44px}.achievement-icon img{max-width:36px;max-height:36px}.achievement b{font-size:10px}.achievement em{display:none}.achievement>strong{font-size:19px}.feed-orbit{display:none}.discord-connect{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.particle{display:none}.achievement:after,.live-count i{animation:none!important}}

/* PEXORA v5 — themed chrome, marketplace and Discord support */
*{scrollbar-width:thin;scrollbar-color:#1fd8e5 #050910}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:#050910;border-left:1px solid #0f1b26}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2be8f3,#146b7a);border:3px solid #050910;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#77f7ff,#2be8f3)}
.scroll-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border:1px solid #27586b;border-radius:50%;background:rgba(7,17,27,.86);backdrop-filter:blur(12px);color:#bffcff;display:grid;place-items:center;z-index:90;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;box-shadow:0 0 0 1px rgba(43,232,243,.03),0 12px 35px rgba(0,0,0,.35)}.scroll-top.show{opacity:1;visibility:visible;transform:none}.scroll-top:hover{border-color:#2be8f3;box-shadow:0 0 28px rgba(43,232,243,.18);transform:translateY(-3px)}.scroll-top:before{content:'↑';font-size:20px}
.script-showcase{padding:105px 0 95px;overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(121,92,255,.08),transparent 24%),linear-gradient(180deg,#060a11,#071019);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.script-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.script-head small,.discord-inner small{color:var(--cyan);font-size:10px;letter-spacing:.16em;font-weight:800}.script-head h2{font:700 48px/1 'Space Grotesk';letter-spacing:-.04em;margin:12px 0}.script-head p{color:#8190a1;max-width:580px;line-height:1.7;margin:0}.slider-controls{display:flex;gap:8px}.slider-btn{width:44px;height:44px;border:1px solid #21394a;background:#09131e;color:#d8faff;font-size:18px;cursor:pointer;transition:.2s}.slider-btn:hover{border-color:#2be8f3;background:#0b202a;box-shadow:0 0 24px rgba(43,232,243,.12)}.script-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 22px;scrollbar-width:none}.script-slider::-webkit-scrollbar{display:none}.script-card{flex:0 0 min(360px,82vw);scroll-snap-align:start;border:1px solid #183044;background:#08121c;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.script-card:hover{transform:translateY(-7px);border-color:#2b6375;box-shadow:0 25px 65px rgba(0,0,0,.35),0 0 35px rgba(43,232,243,.06)}.script-card.featured{border-color:#294e62}.script-visual{height:145px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(43,232,243,.2),transparent 36%),#09141f}.script-visual:before{content:'';position:absolute;inset:-50%;background:conic-gradient(from 90deg,transparent,rgba(43,232,243,.07),transparent 30%);animation:spinGlow 10s linear infinite}.script-visual>span{position:relative;font-size:52px;color:#8cf9ff;text-shadow:0 0 30px rgba(43,232,243,.5)}.script-visual i{position:absolute;left:15px;top:14px;font-style:normal;font-size:8px;letter-spacing:.14em;color:#7d92a5}.script-visual.mine{background:radial-gradient(circle,rgba(121,92,255,.22),transparent 36%),#0b1020}.script-visual.combat{background:radial-gradient(circle,rgba(43,232,243,.18),transparent 32%),radial-gradient(circle at 70%,rgba(121,92,255,.14),transparent 35%),#08121c}.script-visual.fish{background:radial-gradient(circle,rgba(49,137,255,.2),transparent 36%),#08131e}.script-card-body{padding:22px}.script-meta{display:flex;justify-content:space-between;color:#607487;font-size:8px;letter-spacing:.12em}.script-meta b{color:#bafaff;font-size:11px}.script-card h3{font:600 21px 'Space Grotesk';margin:12px 0 9px}.script-card p{color:#78899b;font-size:12px;line-height:1.65;min-height:60px}.script-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 20px}.script-tags span{border:1px solid #1b3445;background:#091720;color:#718698;font-size:8px;padding:6px 8px}.script-card a{display:flex;justify-content:space-between;color:#c9faff;text-decoration:none;border-top:1px solid #142938;padding-top:17px;font-size:9px;font-weight:800;letter-spacing:.08em}.script-card a b{color:var(--cyan)}.slider-progress{height:2px;background:#122431;margin-top:8px;overflow:hidden}.slider-progress i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#2be8f3,#795cff);transition:transform .25s,width .25s}@keyframes spinGlow{to{transform:rotate(360deg)}}
.discord-zone{position:relative;overflow:hidden;border-top:1px solid #1b2945;border-bottom:1px solid #1b2945;background:radial-gradient(circle at 72% 50%,rgba(88,101,242,.22),transparent 25%),radial-gradient(circle at 20% 20%,rgba(43,232,243,.08),transparent 25%),#080b16}.discord-zone:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.025) 49%,transparent 50%)}.discord-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(88,101,242,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(88,101,242,.15) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,#000,transparent)}.discord-inner{position:relative;z-index:1;min-height:390px;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:42px}.discord-mark{width:92px;height:92px;border:1px solid #5968f5;border-radius:28px;display:grid;place-items:center;font-size:42px;color:#fff;background:linear-gradient(145deg,#5865f2,#3c45a5);box-shadow:0 0 60px rgba(88,101,242,.25);animation:discordFloat 4s ease-in-out infinite}.discord-inner h2{font:700 46px/1.03 'Space Grotesk';letter-spacing:-.04em;margin:12px 0 16px}.discord-inner h2 span{color:#8f9aff}.discord-inner p{max-width:650px;color:#8795a7;line-height:1.75;font-size:13px}.discord-stats{display:flex;gap:22px;margin-top:22px;color:#6f8092;font-size:9px}.discord-stats b{color:#cdd3ff;margin-right:5px}.discord-cta{min-width:190px;padding:18px 20px;border:1px solid #6b77ff;background:linear-gradient(135deg,#5865f2,#4048b5);color:white;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.08em;display:flex;justify-content:space-between;box-shadow:0 15px 45px rgba(88,101,242,.2);transition:.25s}.discord-cta:hover{transform:translateY(-4px);filter:brightness(1.1);box-shadow:0 22px 60px rgba(88,101,242,.3)}@keyframes discordFloat{50%{transform:translateY(-8px) rotate(2deg)}}
.discord-auth{display:flex;align-items:center;gap:12px;justify-content:center;padding:13px 15px;border:1px solid #6672f3;background:linear-gradient(135deg,#5865f2,#444cb9);color:#fff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.06em;margin:20px 0 15px;transition:.2s}.discord-auth:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 35px rgba(88,101,242,.2)}.discord-auth b{margin-left:auto}.discord-logo{font-size:17px}.auth-divider{display:flex;align-items:center;gap:12px;color:#536577;font-size:8px;letter-spacing:.1em;margin:12px 0 17px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#172b3b;flex:1}
@media(max-width:800px){.script-head{align-items:flex-start}.discord-inner{grid-template-columns:70px 1fr;padding:70px 0}.discord-mark{width:66px;height:66px;border-radius:20px;font-size:30px}.discord-cta{grid-column:2;width:max-content}.discord-inner h2{font-size:38px}}@media(max-width:560px){.script-showcase{padding:75px 0}.script-head{display:block}.slider-controls{margin-top:20px}.script-head h2{font-size:38px}.script-card{flex-basis:88vw}.discord-inner{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.discord-inner h2{font-size:36px}.discord-cta{width:100%}.discord-stats{flex-wrap:wrap}.scroll-top{right:15px;bottom:15px;width:42px;height:42px}}
/* PEXORA v6 — softer, artwork-led script showcase */
.script-slider{gap:24px;padding:10px 8px 34px;margin-inline:-8px}
.script-card{flex:0 0 min(385px,84vw);border-radius:26px;border:1px solid rgba(87,181,207,.18);background:linear-gradient(155deg,rgba(12,27,40,.94),rgba(6,14,23,.97));box-shadow:0 16px 45px rgba(0,0,0,.18);position:relative}
.script-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.035),transparent 28%,transparent 72%,rgba(43,232,243,.025))}
.script-card:hover{transform:translateY(-9px) scale(1.012);border-color:rgba(73,224,238,.42);box-shadow:0 30px 75px rgba(0,0,0,.42),0 0 42px rgba(43,232,243,.08)}
.script-card.featured{border-color:rgba(74,220,236,.32);box-shadow:0 20px 55px rgba(0,0,0,.25),0 0 34px rgba(43,232,243,.045)}
.script-art{height:245px;position:relative;overflow:hidden;margin:10px 10px 0;border-radius:19px;background:#08131e}
.script-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,12,20,.18) 68%,rgba(5,12,20,.78));pointer-events:none}
.script-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s}
.script-card:hover .script-art img{transform:scale(1.055);filter:saturate(1.08) brightness(1.04)}
.script-pill{position:absolute;z-index:2;left:15px;top:15px;padding:8px 11px;border:1px solid rgba(155,245,255,.28);border-radius:999px;background:rgba(4,13,21,.68);backdrop-filter:blur(12px);color:#c8fbff;font-size:8px;font-weight:800;letter-spacing:.13em;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.script-card-body{padding:21px 24px 25px}.script-meta{align-items:center}.script-meta b{padding:5px 8px;border-radius:999px;background:rgba(43,232,243,.07);border:1px solid rgba(43,232,243,.12);font-size:8px}.script-card h3{font-size:22px;margin-top:14px}.script-card p{min-height:62px}.script-tags{gap:7px}.script-tags span{border-radius:999px;padding:6px 10px;background:rgba(15,35,48,.72)}
.script-card a{border-top-color:rgba(58,111,132,.2);transition:.2s}.script-card a:hover{color:#fff;padding-left:4px}.slider-btn{border-radius:14px}.slider-progress{border-radius:99px;max-width:260px;background:#10202c}.slider-progress i{border-radius:99px}
@media(max-width:560px){.script-card{flex-basis:89vw;border-radius:22px}.script-art{height:220px;border-radius:16px}.script-card-body{padding:19px 20px 22px}}

/* PEXORA v7 — cinematic cyber-fantasy system */
:root{--bg:#020913;--panel:#06131f;--panel2:#081927;--line:rgba(90,218,238,.16);--cyan:#27e6f4;--cyan2:#8af7ff;--blue:#1889ff;--purple:#7756ff;--text:#f7fbff;--muted:#8fa5b9;--radius:22px;--shadow:0 30px 80px rgba(0,0,0,.38)}
body{background:radial-gradient(circle at 50% -10%,#0b2235 0,#030b14 34%,#02070d 68%);background-attachment:fixed;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 35%,rgba(30,220,240,.055),transparent 24%),radial-gradient(circle at 85% 65%,rgba(111,75,255,.06),transparent 26%);opacity:.9}
.wrap{width:min(1240px,calc(100% - 52px))}.nav{height:82px}.brand img{width:43px;height:43px;filter:drop-shadow(0 0 14px rgba(43,232,243,.35))}.brand b{font-family:'Space Grotesk';font-size:17px}.nav nav{justify-content:center}.nav nav a{color:#c1cfdd;font-weight:600;transition:.25s}.nav nav a:hover{color:#fff;text-shadow:0 0 18px rgba(43,232,243,.5)}.nav-signin{padding:10px 15px;border:1px solid rgba(66,221,239,.35);border-radius:12px}.login{border-radius:12px;background:linear-gradient(135deg,#76f6ff,#22dce9);box-shadow:0 0 28px rgba(43,232,243,.18);padding:12px 17px}.login:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(43,232,243,.28)}
.hero{min-height:760px;border-top:1px solid rgba(72,200,225,.1);background:#03101a;isolation:isolate}.hero:before{z-index:-1;background:linear-gradient(90deg,rgba(2,9,16,.99) 0%,rgba(2,9,16,.93) 30%,rgba(2,9,16,.42) 55%,rgba(2,9,16,.2) 75%),linear-gradient(180deg,rgba(2,9,16,.08) 0%,rgba(2,9,16,.05) 55%,#020913 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:240px;z-index:-1;background:linear-gradient(180deg,transparent,#020913 82%);pointer-events:none}.hero-art{z-index:-2;right:-2%;top:0;width:75%;height:100%;background-image:linear-gradient(90deg,rgba(2,9,16,.05),transparent 25%),url('assets/pexora-hero-mage.jpg');background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.03);opacity:.9;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}.hero-grid{min-height:760px;grid-template-columns:.82fr 1.18fr;gap:30px}.hero-copy{padding:72px 0 145px}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid rgba(43,232,243,.2);border-radius:999px;background:rgba(6,22,34,.56);backdrop-filter:blur(10px);box-shadow:inset 0 0 18px rgba(43,232,243,.03)}h1{font-size:76px;line-height:.96;text-shadow:0 8px 34px rgba(0,0,0,.42)}.hero-copy>p{font-size:16px;color:#afbdcb;max-width:570px}.primary,.secondary{border-radius:13px;padding:16px 22px;transition:.25s}.primary{background:linear-gradient(135deg,#7af8ff,#27e6f4);box-shadow:0 10px 38px rgba(43,232,243,.17)}.secondary{background:rgba(4,15,25,.68);backdrop-filter:blur(12px);border-color:rgba(82,218,237,.4);box-shadow:inset 0 0 25px rgba(43,232,243,.025)}.micro{color:#a4b3c3}.client-shell{align-self:end;margin-bottom:95px;transform:perspective(1300px) rotateY(-7deg) rotateX(2deg) rotateZ(1deg);border-radius:20px;border-color:rgba(66,220,239,.28);background:rgba(4,14,23,.9);backdrop-filter:blur(16px);box-shadow:-24px 42px 90px rgba(0,0,0,.58),0 0 70px rgba(43,232,243,.11);transition:transform .5s,box-shadow .5s}.client-shell:hover{transform:perspective(1300px) rotateY(-3deg) rotateX(1deg) translateY(-7px);box-shadow:-20px 48px 100px rgba(0,0,0,.6),0 0 90px rgba(43,232,243,.16)}.windowbar{background:rgba(4,13,22,.9)}.client-body aside,.panel,.stats div{background:rgba(5,17,27,.86)}.game{border-radius:14px;background:linear-gradient(135deg,rgba(9,43,54,.94),rgba(5,18,31,.92) 55%,rgba(35,24,68,.84));box-shadow:inset 0 0 50px rgba(43,232,243,.04)}
.hero-particles{z-index:1}.particle{box-shadow:0 0 12px currentColor}.strip{margin-top:-58px;position:relative;z-index:3;background:transparent;border:0}.strip-grid{min-height:96px;padding:0 20px;border:1px solid rgba(66,211,234,.17);border-radius:22px;background:rgba(4,15,24,.76);backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(0,0,0,.3)}.strip-grid div{border-color:rgba(78,196,217,.13)}
.live-world{background:radial-gradient(circle at 50% 20%,rgba(21,128,160,.12),transparent 35%),#020913}.live-world-grid,.content{position:relative}.achievement,.dash-card,.cards article,.feature-shot{border-radius:var(--radius)!important;background:linear-gradient(145deg,rgba(9,28,42,.86),rgba(4,14,23,.92))!important;border-color:rgba(87,199,220,.16)!important;box-shadow:0 18px 55px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.achievement:hover,.dash-card:hover,.cards article:hover{border-color:rgba(65,226,240,.38)!important;box-shadow:0 25px 65px rgba(0,0,0,.3),0 0 38px rgba(43,232,243,.06);transform:translateY(-4px)}
.content{padding:125px 0}.section-head h2,.script-head h2,.discord-inner h2{font-size:54px}.feature-shot{padding:14px}.fake-ui{border-radius:15px;overflow:hidden}.feature-list article{border-bottom-color:rgba(89,195,215,.13);transition:.25s;padding:25px 18px;border-radius:14px}.feature-list article:hover{background:rgba(19,62,76,.22);transform:translateX(5px)}
.script-showcase{background:radial-gradient(circle at 20% 15%,rgba(39,230,244,.07),transparent 28%),radial-gradient(circle at 80% 70%,rgba(119,86,255,.08),transparent 28%),#030b14}.script-card{border-radius:30px;background:linear-gradient(155deg,rgba(12,31,46,.92),rgba(4,13,22,.98));box-shadow:0 25px 70px rgba(0,0,0,.25)}.script-art{height:260px;border-radius:22px}.script-pill,.script-tags span,.script-meta b{backdrop-filter:blur(10px)}.slider-btn{border-radius:50%;background:rgba(7,24,36,.75);backdrop-filter:blur(10px)}
.discord-zone{background:radial-gradient(circle at 20% 50%,rgba(43,232,243,.1),transparent 28%),radial-gradient(circle at 78% 50%,rgba(88,101,242,.26),transparent 30%),linear-gradient(135deg,#050e1a,#090c1b);border-color:rgba(104,112,255,.2)}.discord-inner{min-height:420px}.discord-mark{border-radius:30px}.discord-cta{border-radius:15px}.download{background:radial-gradient(circle at 70%,rgba(43,232,243,.12),transparent 30%),linear-gradient(135deg,#061522,#030a12)}.download-inner{min-height:300px}.footer{border-top:1px solid rgba(79,190,212,.1)}
/* Auth */
.auth-page{background:linear-gradient(90deg,rgba(2,9,16,.97),rgba(2,9,16,.72)),url('assets/pexora-hero-mage.jpg') center/cover fixed}.auth-wrap{min-height:calc(100vh - 150px)}.auth-card{border-radius:28px!important;background:rgba(5,17,28,.82)!important;backdrop-filter:blur(22px);border:1px solid rgba(78,213,235,.2)!important;box-shadow:0 35px 100px rgba(0,0,0,.5),0 0 60px rgba(43,232,243,.06)}.auth-card input,.account-form input{border-radius:13px!important;background:rgba(2,10,17,.7)!important;border-color:rgba(73,161,182,.22)!important}.form-button,.discord-auth{border-radius:13px!important}.auth-intro h1{font-size:70px}
/* Customer dashboard */
.dash-page{background:radial-gradient(circle at 85% 0,rgba(43,232,243,.08),transparent 25%),radial-gradient(circle at 0 70%,rgba(119,86,255,.06),transparent 28%),#020913}.dash-top{background:rgba(3,12,20,.82)!important;backdrop-filter:blur(20px);border-color:rgba(73,186,208,.12)!important}.dash-side{background:linear-gradient(180deg,rgba(5,18,28,.96),rgba(3,11,19,.98))!important;border-color:rgba(71,180,202,.12)!important}.dash-side a{border-radius:12px!important;margin:2px 9px!important}.dash-side a.active{background:linear-gradient(90deg,rgba(43,232,243,.14),rgba(43,232,243,.03))!important;box-shadow:inset 2px 0 var(--cyan)}.dash-main{background-image:radial-gradient(circle at 70% 5%,rgba(43,232,243,.045),transparent 25%)}.dash-heading h1{font-size:48px!important}.dash-stats article{border-radius:20px!important;background:linear-gradient(145deg,rgba(9,29,43,.9),rgba(4,14,23,.95))!important;border-color:rgba(76,198,220,.15)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)}.download-row,.discord-connect,.empty-state{border-radius:16px!important}.status-dot{box-shadow:0 0 12px currentColor}
/* Admin: separate visual identity, same universe */
.admin-page{--cyan:#63f0ff}.admin-page .dash-top{box-shadow:0 8px 40px rgba(0,0,0,.28)}.admin-page .dash-card,.admin-kpis article{border-radius:22px!important;background:linear-gradient(145deg,rgba(9,28,43,.94),rgba(4,13,22,.97))!important;border:1px solid rgba(92,205,225,.15)!important;box-shadow:0 18px 55px rgba(0,0,0,.2)}.admin-search{border-radius:14px!important;background:rgba(3,13,22,.7)!important}.user-table tbody tr{transition:.2s}.user-table tbody tr:hover{background:rgba(43,232,243,.035)!important}.badge,.state,.live-pill{border-radius:999px!important}.user-modal{border-radius:26px!important;background:linear-gradient(145deg,#0a1c2a,#040d16)!important;border-color:rgba(77,217,238,.22)!important;box-shadow:0 40px 120px rgba(0,0,0,.65)}
/* universal motion */
a,button,.dash-card,.achievement,.cards article,.script-card,.feature-list article{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,filter .25s ease}.reveal{filter:none!important}.reveal.visible{filter:none!important}
@media(max-width:1000px){.hero-art{width:100%;right:-25%;opacity:.6}.hero:before{background:linear-gradient(90deg,rgba(2,9,16,.98),rgba(2,9,16,.75) 58%,rgba(2,9,16,.35)),linear-gradient(180deg,transparent 60%,#020913)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:25px}.client-shell{margin-bottom:110px;max-width:760px}.strip{margin-top:-65px}}
@media(max-width:700px){.wrap{width:min(100% - 30px,1240px)}.nav{height:68px}.brand b{font-size:14px}.hero{min-height:auto}.hero-art{right:-55%;width:155%;opacity:.45;background-position:62% center}.hero:before{background:linear-gradient(180deg,rgba(2,9,16,.74),rgba(2,9,16,.92) 55%,#020913 92%)}.hero-copy{padding:70px 0 15px}h1{font-size:49px}.hero-copy>p{font-size:14px}.client-shell{margin:20px 0 100px}.strip-grid{border-radius:18px}.section-head h2,.script-head h2,.discord-inner h2{font-size:39px}.auth-intro h1{font-size:50px}.dash-heading h1{font-size:38px!important}}

/* === V8 CINEMATIC DESIGN SYSTEM — matched to approved PEXORA direction === */
:root{--bg:#020914;--panel:rgba(5,19,32,.78);--panel2:rgba(7,25,41,.9);--line:rgba(48,215,255,.22);--cyan:#31e6ff;--cyan2:#00bfe8;--text:#f7fbff;--muted:#91a7bd;--green:#38e5a1;--purple:#9d63ff}
html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 70% 5%,rgba(24,87,131,.16),transparent 34%),linear-gradient(#020a14,#020812 62%,#01060d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(1420px,calc(100% - 72px));margin:auto}
.nav{height:92px;display:flex;align-items:center;gap:42px;position:relative;z-index:50;border-bottom:1px solid rgba(86,211,255,.1)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;letter-spacing:.08em}.brand img{width:54px;height:54px;filter:drop-shadow(0 0 18px rgba(49,230,255,.34))}.brand b{font-size:27px;font-weight:800}.nav nav{display:flex;gap:34px;margin:auto}.nav nav a{color:#dce9f5;font-size:14px;text-decoration:none;padding:36px 0 31px;position:relative}.nav nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:25px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:.25s}.nav nav a:hover:after{left:0;right:0}.nav-actions{display:flex;gap:14px}.nav-signin,.login{padding:12px 24px;border-radius:10px;border:1px solid rgba(49,230,255,.58);text-decoration:none;color:#fff;font-weight:700;font-size:13px}.login{background:linear-gradient(135deg,#4af0ff,#19cfe8);color:#00131b;box-shadow:0 0 24px rgba(49,230,255,.18)}.menu{display:none}
.hero{min-height:700px;position:relative;overflow:hidden;margin-top:-92px;padding-top:92px;border-bottom:1px solid rgba(49,230,255,.1)}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,9,17,.97) 0%,rgba(1,9,17,.82) 31%,rgba(1,9,17,.18) 57%,rgba(1,9,17,.12) 78%,rgba(1,9,17,.6) 100%),linear-gradient(0deg,#020914 0%,rgba(2,9,20,.15) 32%,rgba(2,9,20,.04) 72%,rgba(2,9,20,.42) 100%),url('assets/pexora-hero-mage.jpg');background-size:cover;background-position:center 35%;filter:saturate(1.1) contrast(1.03)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:230px;background:linear-gradient(transparent,#020914 88%);pointer-events:none}.hero-particles{position:absolute;inset:0;z-index:2;pointer-events:none}.particle{position:absolute;left:var(--x);bottom:-12px;width:2px;height:2px;border-radius:50%;background:#59eaff;box-shadow:0 0 8px #26dfff;animation:pexFloat var(--dur) linear var(--delay) infinite;opacity:.6}@keyframes pexFloat{from{transform:translate(0,0);opacity:0}15%{opacity:.8}to{transform:translate(var(--drift),-720px);opacity:0}}
.hero-grid{position:relative;z-index:4;min-height:608px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:38px}.hero-copy{padding-top:18px}.eyebrow{font-size:12px;letter-spacing:.3em;color:var(--cyan);font-weight:800;margin-bottom:22px}.hero h1{font-size:clamp(50px,5.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;max-width:760px}.hero h1 span{color:var(--cyan);text-shadow:0 0 26px rgba(49,230,255,.14)}.hero-copy>p{max-width:620px;color:#c2d2df;font-size:17px;line-height:1.65}.actions{display:flex;gap:18px;margin:30px 0}.primary,.secondary{border-radius:10px!important;min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.01em;transition:.25s}.primary{background:linear-gradient(135deg,#4af1ff,#1bd3eb);color:#00141d;box-shadow:0 0 28px rgba(35,224,255,.18)}.secondary{border:1px solid rgba(46,221,255,.65);color:#f3fbff;background:rgba(1,12,22,.58);box-shadow:inset 0 0 18px rgba(25,207,239,.05)}.primary:hover,.secondary:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(49,230,255,.28)}.micro{display:flex;gap:30px;color:#d8e7f3;font-size:12px;font-weight:700}.micro span{display:flex;align-items:center;gap:7px}.micro span::first-letter{color:var(--cyan)}
.client-shell{align-self:end;margin-bottom:40px;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);transform-origin:center;max-width:760px;margin-left:auto;background:rgba(2,12,23,.93);border:1px solid rgba(47,223,255,.42);border-radius:18px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.55),0 0 45px rgba(20,206,255,.13);transition:.4s}.client-shell:hover{transform:perspective(1200px) rotateY(-1deg) translateY(-5px)}.windowbar{height:48px;background:#061321;border-bottom:1px solid rgba(49,230,255,.13);padding:0 18px;display:flex;align-items:center;justify-content:space-between}.window-logo{font-weight:800;letter-spacing:.12em}.client-body{display:grid;grid-template-columns:155px 1fr;min-height:390px}.client-body aside{padding:22px 14px;background:#04101c;border-right:1px solid rgba(49,230,255,.12);display:flex;flex-direction:column;gap:10px}.client-body aside>*{padding:9px 10px;border-radius:7px;color:#8fa7bb;font-size:12px}.client-body aside b{background:linear-gradient(90deg,rgba(29,220,255,.23),rgba(29,220,255,.03));color:#fff;border-left:2px solid var(--cyan)}.panel{padding:22px}.panel-top{display:flex;justify-content:space-between}.panel-top small,.panel small{color:#6e8ca4}.panel-top h3{font-size:24px;margin:4px 0}.panel-top button{height:38px;border:0;border-radius:7px;background:var(--cyan);font-weight:800}.game{height:220px;margin:18px 0;border-radius:10px;background:linear-gradient(135deg,rgba(17,63,75,.7),rgba(8,26,42,.8)),url('assets/scripts/wintertodt.png') center/cover;display:flex;align-items:flex-end;overflow:hidden}.game-copy{padding:22px;background:linear-gradient(transparent,rgba(2,10,18,.95));width:100%}.game-copy>*{display:block}.game-copy span{font-size:10px;color:var(--green)}.game-copy strong{font-size:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats>div{background:#061522;border:1px solid rgba(49,230,255,.1);padding:12px;border-radius:8px}.stats b{display:block;margin-top:4px}
.strip{position:relative;z-index:8;margin-top:-22px}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(3,17,29,.94);border:1px solid rgba(49,230,255,.22);border-radius:14px;backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.25)}.strip-grid div{padding:22px 28px;border-right:1px solid rgba(49,230,255,.12);display:flex;gap:14px;align-items:center}.strip-grid div:last-child{border:0}.strip-grid b{font-size:25px;color:var(--cyan)}.strip-grid span{color:#b8cad8;font-size:13px}
.content,.script-showcase,.live-world,.discord-zone,.download{padding:110px 0;position:relative}.section-head small,.script-head small,.live-copy>small,.discord-inner small,.download small,.dash-heading small,.dash-card>small,.auth-card small,.auth-intro .eyebrow{color:var(--cyan);letter-spacing:.18em;font-weight:800;font-size:11px}.section-head h2,.script-head h2,.live-copy h2,.discord-inner h2,.download h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.045em;margin:10px 0}.section-head p,.script-head p,.live-copy p,.discord-inner p{color:#91a7ba;line-height:1.7}.feature-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;margin-top:45px}.feature-shot,.feature-list article,.dash-card,.admin-kpis article,.auth-card{background:linear-gradient(145deg,rgba(8,27,43,.86),rgba(3,13,24,.86));border:1px solid rgba(49,230,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.18);border-radius:16px}.feature-shot{padding:22px}.feature-list{display:grid;gap:12px}.feature-list article{padding:20px;display:flex;gap:18px;transition:.25s}.feature-list article:hover{border-color:rgba(49,230,255,.45);transform:translateX(5px);box-shadow:0 0 30px rgba(30,216,255,.08)}.feature-list article>b{color:var(--cyan)}
.live-world{background:radial-gradient(circle at 70% 45%,rgba(25,156,202,.11),transparent 34%)}.live-world-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:55px;align-items:center}.live-copy h2 span,.discord-inner h2 span{color:var(--cyan)}.live-count{display:flex;align-items:center;gap:8px;color:#9eb5c8;font-size:12px}.live-count i,.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.feed-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.achievement{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;background:rgba(6,23,37,.9);border:1px solid rgba(49,230,255,.17);border-radius:14px;padding:14px;min-height:90px;transition:.25s}.achievement:hover{transform:translateY(-3px);border-color:rgba(49,230,255,.5);box-shadow:0 10px 30px rgba(0,195,235,.1)}.achievement-icon{width:58px;height:58px;border-radius:12px;background:#091a29;display:grid;place-items:center}.achievement-icon img{max-width:48px;max-height:48px}.achievement small{display:block;color:var(--purple);font-weight:800;font-size:10px}.achievement.level small{color:#ffc65d}.achievement b{display:block;margin:5px 0;font-size:13px}.achievement span{color:#708ca2;font-size:11px}.achievement em,.achievement strong{color:var(--cyan);font-style:normal}
.script-showcase{background:linear-gradient(180deg,transparent,rgba(3,18,31,.5),transparent)}.script-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.script-head>div:first-child{max-width:700px}.slider-controls{display:flex;gap:10px}.slider-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(49,230,255,.32);background:#061522;color:#fff;font-size:18px}.script-slider{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:32px 2px 28px}.script-card{flex:0 0 360px;scroll-snap-align:start;background:linear-gradient(150deg,rgba(8,29,46,.94),rgba(3,14,25,.94));border:1px solid rgba(49,230,255,.16);border-radius:18px;overflow:hidden;transition:.32s;box-shadow:0 18px 50px rgba(0,0,0,.24)}.script-card:hover{transform:translateY(-8px);border-color:rgba(49,230,255,.52);box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 34px rgba(49,230,255,.09)}.script-art{height:245px;margin:10px;border-radius:13px;overflow:hidden;position:relative}.script-art img{width:100%;height:100%;object-fit:cover;transition:.5s}.script-card:hover .script-art img{transform:scale(1.045)}.script-pill{position:absolute;top:12px;left:12px;background:rgba(2,13,23,.82);border:1px solid rgba(49,230,255,.3);border-radius:20px;padding:7px 10px;font-size:9px;font-weight:800;color:var(--cyan);backdrop-filter:blur(8px)}.script-card-body{padding:16px 22px 24px}.script-meta{display:flex;justify-content:space-between;font-size:9px;color:#7390a5;letter-spacing:.1em}.script-meta b{color:var(--green)}.script-card h3{font-size:22px;margin:10px 0}.script-card p{color:#91a7b9;font-size:13px;line-height:1.6}.script-tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.script-tags span{font-size:10px;background:#081b2b;border:1px solid rgba(49,230,255,.1);padding:6px 9px;border-radius:20px;color:#9cb4c7}.script-card a{color:var(--cyan);font-size:11px;font-weight:800;text-decoration:none}.slider-progress{height:2px;background:#0b2234;overflow:hidden;border-radius:4px}.slider-progress i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.discord-zone{overflow:hidden;background:radial-gradient(circle at 15% 50%,rgba(79,70,229,.18),transparent 35%),linear-gradient(180deg,#020914,#040b19)}.discord-inner{display:grid;grid-template-columns:100px 1fr auto;gap:34px;align-items:center}.discord-mark{width:92px;height:92px;border-radius:26px;background:linear-gradient(145deg,#5865f2,#3342c6);display:grid;place-items:center;font-size:40px;box-shadow:0 0 45px rgba(88,101,242,.3)}.discord-stats{display:flex;gap:20px;margin-top:20px}.discord-stats span{font-size:11px;color:#90a6bb}.discord-stats b{color:#fff}.discord-cta{display:flex;align-items:center;gap:22px;padding:17px 24px;border-radius:12px;background:#5865f2;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 0 30px rgba(88,101,242,.2)}
.download{padding:70px 0}.download-inner{display:flex;justify-content:space-between;align-items:center;padding:36px 42px;border:1px solid rgba(49,230,255,.18);background:linear-gradient(110deg,rgba(9,34,51,.88),rgba(3,13,23,.88));border-radius:16px}.download h2{font-size:38px;margin:5px 0}.download p{color:#8fa6ba}footer{border-top:1px solid rgba(49,230,255,.1);background:#01060d}.footer{padding:35px 0;display:flex;align-items:center;gap:30px}.footer .brand img{width:40px;height:40px}.footer .brand b{font-size:20px}.footer p{color:#607b90}.footer>div{margin-left:auto;display:flex;gap:25px}.footer a{color:#8fa8bc;text-decoration:none;font-size:12px}.legal{padding:15px 0 25px;color:#49657b;font-size:10px;border-top:1px solid rgba(49,230,255,.06)}
/* Auth pages */
.auth-page{min-height:100vh;background:linear-gradient(90deg,rgba(1,8,16,.92),rgba(1,8,16,.56)),url('assets/pexora-hero-mage.jpg') center/cover fixed}.auth-page:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 75% 45%,rgba(48,224,255,.09),transparent 28%);pointer-events:none}.auth-page .nav{border:0}.back-link{margin-left:auto;color:#b9d0df;text-decoration:none;font-size:12px}.auth-wrap{width:min(1180px,calc(100% - 60px));min-height:calc(100vh - 170px);margin:auto;display:grid;grid-template-columns:1fr 470px;gap:80px;align-items:center;position:relative;z-index:2}.auth-intro h1{font-size:72px;line-height:.98;letter-spacing:-.055em;margin:14px 0}.auth-intro h1 span{color:var(--cyan)}.auth-intro p{color:#aec0ce;font-size:16px;max-width:500px}.auth-points{display:flex;gap:20px;color:#d9e8f3;font-size:12px;margin-top:28px}.auth-card{padding:34px;border-color:rgba(49,230,255,.25);backdrop-filter:blur(20px)}.auth-card h2{font-size:30px;margin:6px 0}.auth-card p{color:#829caf}.discord-auth{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 18px;padding:14px;border-radius:10px;background:#5865f2;color:#fff;text-decoration:none;font-weight:800;font-size:12px}.auth-divider{text-align:center;color:#5f7c91;font-size:9px;letter-spacing:.12em;margin:18px 0}.auth-card label{display:block;color:#8ea6b9;font-size:10px;font-weight:800;letter-spacing:.08em;margin:14px 0}.auth-card input:not([type=checkbox]){width:100%;box-sizing:border-box;margin-top:7px;padding:14px;border-radius:9px;border:1px solid rgba(49,230,255,.14);background:#061522;color:#fff;outline:none}.auth-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(49,230,255,.07)}.check{display:flex!important;gap:9px;align-items:center}.form-button{width:100%;padding:15px;border:0;border-radius:10px;background:var(--cyan);font-weight:900;color:#00141c}.auth-switch{text-align:center;margin-top:20px;color:#6e879b;font-size:12px}.auth-switch a{color:var(--cyan)}.auth-footer{text-align:center;color:#4f6b80;font-size:10px;padding:18px}
/* Dashboard + admin — same cinematic visual language */
.dash-page{background:radial-gradient(circle at 85% 0,rgba(18,93,135,.14),transparent 30%),#020914}.dash-top{height:76px;border-bottom:1px solid rgba(49,230,255,.12);background:rgba(2,10,19,.86);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:60}.dash-top .brand img{width:42px;height:42px}.dash-top .brand b{font-size:21px}.dash-user{margin-left:auto;display:flex;align-items:center;gap:10px;color:#91a9bc;font-size:12px}.dash-user>b{width:34px;height:34px;border-radius:10px;background:#0b2437;border:1px solid rgba(49,230,255,.18);display:grid;place-items:center;color:var(--cyan)}.dash-layout{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 76px)}.dash-side{padding:30px 18px;border-right:1px solid rgba(49,230,255,.1);background:linear-gradient(180deg,rgba(4,16,28,.92),rgba(2,9,18,.82));position:sticky;top:76px;height:calc(100vh - 76px);box-sizing:border-box}.dash-side small{display:block;color:#47657a;font-size:9px;letter-spacing:.15em;margin:18px 10px 8px}.dash-side a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:8px;color:#86a1b5;text-decoration:none;font-size:12px;margin:3px 0}.dash-side a:hover,.dash-side a.active{color:#fff;background:linear-gradient(90deg,rgba(36,219,255,.15),rgba(36,219,255,.02));box-shadow:inset 2px 0 var(--cyan)}.dash-main{padding:42px;max-width:1500px;width:100%;box-sizing:border-box}.dash-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.dash-heading h1{font-size:42px;letter-spacing:-.04em;margin:6px 0}.dash-heading p{color:#7791a5}.dash-stats,.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash-stats article,.admin-kpis article{padding:20px;background:linear-gradient(145deg,rgba(8,27,43,.88),rgba(3,13,24,.88));border:1px solid rgba(49,230,255,.14);border-radius:14px}.dash-stats b,.admin-kpis b{display:block;font-size:26px;margin:8px 0}.dash-stats span,.admin-kpis span{color:#7892a6;font-size:11px}.dash-grid,.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.dash-card{padding:24px}.dash-card.wide{grid-column:1/-1}.dash-card h2{font-size:23px;margin:7px 0}.dash-card p{color:#7892a5}.download-row,.discord-connect{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#061522;border:1px solid rgba(49,230,255,.1);padding:15px;border-radius:10px;margin-top:20px}.account-form label{display:block;color:#7893a8;font-size:9px;font-weight:800;letter-spacing:.1em;margin:13px 0}.account-form input{width:100%;box-sizing:border-box;background:#061522;border:1px solid rgba(49,230,255,.12);border-radius:8px;color:#fff;padding:13px;margin-top:7px}.admin-search{margin-left:40px;display:flex;align-items:center;gap:8px;background:#061522;border:1px solid rgba(49,230,255,.12);border-radius:9px;padding:0 12px;width:340px}.admin-search input{border:0;background:transparent;color:#fff;outline:0;padding:11px;width:100%}.admin-split{display:grid;grid-template-columns:1.5fr .8fr;gap:16px;margin-top:16px}.users-card{margin-top:16px}.users-head,.card-title{display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow:auto;margin-top:16px}.user-table{width:100%;border-collapse:collapse;font-size:11px}.user-table th{color:#58768c;text-align:left;padding:12px;border-bottom:1px solid rgba(49,230,255,.1)}.user-table td{padding:13px 12px;border-bottom:1px solid rgba(49,230,255,.07);color:#a6bbca}.user-cell{display:flex;align-items:center;gap:10px}.user-cell>b,.avatar-lg{background:#0a2639;border:1px solid rgba(49,230,255,.18);color:var(--cyan);border-radius:9px;display:grid;place-items:center}.user-cell>b{width:34px;height:34px}.user-cell span>*{display:block}.badge,.state,.live-pill{display:inline-block;padding:5px 8px;border-radius:20px;font-size:9px;margin:2px}.badge.monthly{background:rgba(49,230,255,.1);color:var(--cyan)}.badge.vip{background:rgba(157,99,255,.14);color:#b994ff}.badge.lifetime{background:rgba(56,229,161,.12);color:var(--green)}.state.active{background:rgba(56,229,161,.1);color:var(--green)}.state.inactive,.badge.expired{background:rgba(255,100,100,.1);color:#ff7b7b}.table-actions{display:flex;gap:8px}.ghost-btn,.danger-btn,.dots,.table-actions select{background:#061522;border:1px solid rgba(49,230,255,.14);color:#9fb4c4;border-radius:8px;padding:9px}.bars{height:190px;display:flex;align-items:end;gap:16px;padding-top:20px}.bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bars i{display:block;width:100%;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(#35e9ff,#087b9c);box-shadow:0 0 15px rgba(49,230,255,.1)}.bars span{font-size:9px;color:#5c788d}.modal-backdrop{position:fixed;inset:0;background:rgba(0,5,10,.75);backdrop-filter:blur(10px);z-index:100;display:none;place-items:center}.modal-backdrop.open{display:grid}.user-modal{width:min(720px,calc(100% - 30px));background:#06131f;border:1px solid rgba(49,230,255,.25);border-radius:18px;padding:28px;box-shadow:0 30px 100px #000;position:relative}.modal-close{position:absolute;right:20px;top:20px;background:transparent;border:0;color:#fff;font-size:24px}.modal-head{display:flex;align-items:center;gap:14px}.avatar-lg{width:55px;height:55px}.modal-head .state{margin-left:auto}.modal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.modal-grid>div{padding:12px;background:#081a28;border-radius:9px}.modal-grid small,.modal-section>small{color:#5e7d93;font-size:9px}.modal-grid b{display:block;margin-top:5px;font-size:12px}
.scroll-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(49,230,255,.45);background:rgba(4,20,32,.88);box-shadow:0 0 20px rgba(49,230,255,.14);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:90}.scroll-top:before{content:'↑';color:var(--cyan);font-size:18px}.scroll-top.show{opacity:1;transform:none;pointer-events:auto}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}[data-reveal].revealed{opacity:1;transform:none}
@media(max-width:1000px){.wrap{width:min(100% - 36px,1420px)}.nav nav{display:none;position:absolute;top:78px;left:18px;right:18px;background:#061522;border:1px solid var(--line);border-radius:12px;padding:14px;flex-direction:column;gap:0}.nav nav.open{display:flex}.nav nav a{padding:12px}.menu{display:block;margin-left:auto;background:transparent;border:0;color:#fff;font-size:22px}.nav-actions{display:none}.hero-grid{grid-template-columns:1fr;padding-top:70px}.hero{min-height:auto}.hero-copy{max-width:700px}.client-shell{margin:20px auto 50px;max-width:800px;width:100%;transform:none}.strip{margin-top:0}.strip-grid{grid-template-columns:repeat(2,1fr)}.live-world-grid,.feature-layout{grid-template-columns:1fr}.feed-rail{grid-template-columns:repeat(2,1fr)}.discord-inner{grid-template-columns:80px 1fr}.discord-cta{grid-column:2}.auth-wrap{grid-template-columns:1fr;max-width:560px;padding:50px 0}.auth-intro{display:none}.dash-layout{grid-template-columns:1fr}.dash-side{position:fixed;z-index:70;left:-260px;top:76px;width:235px;transition:.25s}.dash-side.open{left:0}.dash-menu{display:block;background:transparent;border:0;color:#fff;font-size:20px;margin-right:15px}.dash-main{padding:28px 20px}.admin-search{display:none}.dash-stats,.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-split{grid-template-columns:1fr}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.nav{height:76px}.brand img{width:42px;height:42px}.brand b{font-size:20px}.hero{margin-top:-76px;padding-top:76px}.hero-grid{padding-top:45px}.hero h1{font-size:48px}.hero-copy>p{font-size:15px}.actions{flex-direction:column}.actions a{width:100%;box-sizing:border-box}.micro{flex-wrap:wrap;gap:12px}.client-body{grid-template-columns:1fr}.client-body aside{display:none}.client-shell{border-radius:12px}.strip-grid{grid-template-columns:1fr}.strip-grid div{border-right:0;border-bottom:1px solid rgba(49,230,255,.1)}.content,.script-showcase,.live-world,.discord-zone{padding:75px 0}.feed-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.achievement{min-width:280px;scroll-snap-align:start}.script-card{flex-basis:82vw}.script-art{height:220px}.script-head{align-items:start}.discord-inner{grid-template-columns:1fr;text-align:center}.discord-mark{margin:auto}.discord-cta{grid-column:auto;justify-content:center}.discord-stats{justify-content:center;flex-wrap:wrap}.download-inner,.footer{flex-direction:column;align-items:flex-start}.footer>div{margin-left:0;flex-wrap:wrap}.dash-heading{align-items:flex-start;flex-direction:column;gap:16px}.dash-heading h1{font-size:34px}.dash-stats,.admin-kpis,.dash-grid,.account-grid{grid-template-columns:1fr}.dash-card.wide{grid-column:auto}.modal-grid{grid-template-columns:repeat(2,1fr)}.auth-wrap{width:calc(100% - 28px)}.auth-card{padding:24px}.auth-points{flex-wrap:wrap}.table-actions{display:none}}

/* === V9 reference-accurate cinematic composition === */
:root{--page:#020b14;--panel:#061522;--cyan:#31e6ff;--cyan2:#16cde7;--line:rgba(67,222,255,.18)}
body{background:var(--page)}
.nav{position:relative;z-index:30;border-bottom:1px solid rgba(94,220,255,.11);background:linear-gradient(180deg,rgba(2,11,20,.70),rgba(2,11,20,.18));backdrop-filter:none}
.hero{height:710px;min-height:710px;margin-top:-92px;padding-top:92px;background:#020b14;isolation:isolate}
.hero-art{inset:0;left:auto;width:73%;right:-1%;background-image:url('assets/pexora-hero-mage.jpg');background-size:cover;background-position:center center;filter:saturate(1.16) contrast(1.06) brightness(.82);transform:scaleX(-1);opacity:.96;z-index:0}
.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#020b14 0%,rgba(2,11,20,.97) 21%,rgba(2,11,20,.68) 39%,rgba(2,11,20,.12) 61%,rgba(2,11,20,.08) 80%,rgba(2,11,20,.28) 100%),linear-gradient(180deg,rgba(2,11,20,.06) 0%,rgba(2,11,20,.02) 60%,#020b14 99%);pointer-events:none}
.hero:after{z-index:2;height:190px;background:linear-gradient(180deg,transparent 0%,rgba(2,11,20,.76) 60%,#020b14 100%)}
.hero-grid{z-index:5;min-height:618px;grid-template-columns:.92fr 1.08fr;gap:26px;align-items:center}
.hero-copy{padding-top:0;align-self:center;margin-top:-10px}.eyebrow{font-size:11px;margin-bottom:18px}.hero h1{font-size:clamp(54px,4.3vw,72px);line-height:.98;max-width:650px;margin-bottom:20px}.hero-copy>p{max-width:520px;font-size:15px;line-height:1.55}.actions{margin:26px 0 28px}.micro{gap:34px;font-size:11px}
.client-shell{position:relative;z-index:7;width:690px;max-width:none;justify-self:end;align-self:end;margin:0 0 52px -90px;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg) rotateZ(1.4deg);border-color:rgba(63,230,255,.5);border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.64),0 0 52px rgba(27,215,255,.12)}
.client-shell:hover{transform:perspective(1300px) rotateY(-3deg) rotateX(1deg) rotateZ(.5deg) translateY(-4px)}
.windowbar{height:43px}.client-body{grid-template-columns:145px 1fr;min-height:330px}.client-body aside{padding:16px 12px}.client-body aside>*{padding:7px 9px;font-size:11px}.panel{padding:16px}.panel-top h3{font-size:21px}.game{height:178px;margin:12px 0}.game-copy{padding:17px}.game-copy strong{font-size:19px}.stats>div{padding:9px}.stats small{font-size:8px}.stats b{font-size:11px}
.hero-particles{z-index:6}.particle{box-shadow:0 0 11px #31e6ff}
/* make all main site surfaces follow the reference's compact illuminated UI */
.glass,.dash-card,.account-card,.admin-card,.script-card,.achievement,.strip-grid,.feature-shot,.feature-list article{background:linear-gradient(145deg,rgba(7,24,38,.88),rgba(3,15,27,.94));border-color:rgba(67,222,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.02),0 16px 45px rgba(0,0,0,.18)}
.script-card,.achievement,.dash-card,.account-card,.admin-card{border-radius:14px}
.script-card:hover,.achievement:hover,.dash-card:hover,.account-card:hover{border-color:rgba(49,230,255,.46);box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 28px rgba(49,230,255,.08)}
@media(max-width:1100px){.hero{height:auto;min-height:0}.hero-art{width:100%;right:-28%;opacity:.55}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:70px}.hero-copy{max-width:680px}.client-shell{justify-self:center;width:min(800px,100%);margin:35px auto 85px;transform:none}.client-shell:hover{transform:translateY(-4px)}}
@media(max-width:650px){.hero{margin-top:-76px;padding-top:76px}.hero-art{right:-50%;width:150%;opacity:.38}.hero:before{background:linear-gradient(180deg,rgba(2,11,20,.45),rgba(2,11,20,.9) 58%,#020b14 100%),linear-gradient(90deg,#020b14 0%,rgba(2,11,20,.45) 80%)}.hero-grid{padding-top:42px}.hero h1{font-size:46px}.client-shell{margin-bottom:70px}.client-body{min-height:300px}.game{height:165px}}


/* =========================================================
   PEXORA V10 — reference-locked cinematic design system
   ========================================================= */
:root{
  --ref-bg:#020b12;
  --ref-bg2:#04121c;
  --ref-panel:rgba(4,20,31,.82);
  --ref-line:rgba(54,225,255,.24);
  --ref-cyan:#29ddf4;
  --ref-cyan2:#78efff;
  --ref-text:#f6fbff;
  --ref-muted:#9eb1c2;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(900px 600px at 78% 4%,rgba(32,61,128,.14),transparent 70%),
    linear-gradient(180deg,#020a11 0,#03101a 48%,#020a11 100%)!important;
  color:var(--ref-text);
}
.site-header,.main-header,.navbar,header{
  background:linear-gradient(180deg,rgba(1,10,16,.72),rgba(1,10,16,.16))!important;
  border-bottom:1px solid rgba(84,191,220,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
.ref-shell{width:min(1440px,calc(100% - 72px));margin-inline:auto}
.ref-hero{
  position:relative;
  min-height:650px;
  margin-top:-84px;
  padding-top:84px;
  overflow:hidden;
  isolation:isolate;
  background:#020b12;
}
.ref-hero-art{
  position:absolute;inset:-1px -1px 0 28%;
  z-index:-4;
  background-image:url('assets/pexora-hero-mage.png');
  background-size:cover;
  background-position:52% 47%;
  filter:saturate(.92) contrast(1.04) brightness(.72);
  transform:scale(1.025);
}
.ref-hero-vignette{
  position:absolute;inset:0;z-index:-3;pointer-events:none;
  background:
    linear-gradient(90deg,#020b12 0%,rgba(2,11,18,.99) 14%,rgba(2,11,18,.88) 31%,rgba(2,11,18,.36) 52%,rgba(2,11,18,.08) 72%,rgba(2,11,18,.18) 100%),
    linear-gradient(180deg,rgba(2,11,18,.06) 0%,rgba(2,11,18,.04) 60%,#020b12 98%),
    radial-gradient(ellipse at 75% 42%,transparent 0 34%,rgba(2,11,18,.28) 78%);
}
.hero-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9}
.ref-hero-grid{
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(470px,.92fr) minmax(600px,1.08fr);
  gap:20px;align-items:center;
  position:relative;z-index:2;
}
.ref-copy{align-self:center;padding:28px 0 48px}
.ref-kicker{
  color:var(--ref-cyan);font-weight:800;letter-spacing:.26em;
  font-size:12px;margin-bottom:25px;text-shadow:0 0 18px rgba(41,221,244,.3)
}
.ref-copy h1{
  margin:0;max-width:640px;font-size:clamp(50px,4.1vw,72px);line-height:.98;
  letter-spacing:-.045em;font-weight:850;color:#f8fbfd;
  text-shadow:0 3px 30px rgba(0,0,0,.4)
}
.ref-copy h1 span{color:var(--ref-cyan);text-shadow:0 0 28px rgba(41,221,244,.12)}
.ref-copy>p{
  max-width:520px;margin:24px 0 26px;color:#b7c5d0;font-size:16px;line-height:1.55
}
.ref-actions{display:flex;gap:18px;align-items:center}
.ref-btn{
  min-height:54px;padding:0 28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none!important;font-size:14px;font-weight:800;transition:.24s ease;border:1px solid rgba(45,222,245,.78)
}
.ref-btn-primary{background:linear-gradient(135deg,#32e5f5,#65edfa);color:#001118!important;box-shadow:0 0 30px rgba(41,221,244,.18)}
.ref-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(41,221,244,.36)}
.ref-btn-ghost{color:#edfaff!important;background:rgba(1,14,23,.68);box-shadow:inset 0 0 18px rgba(23,205,239,.04)}
.ref-btn-ghost:hover{background:rgba(20,188,217,.09);box-shadow:0 0 24px rgba(41,221,244,.13)}
.ref-btn b{font-size:25px;margin-left:18px;color:var(--ref-cyan);line-height:0}
.ref-benefits{display:flex;gap:36px;margin-top:38px}
.ref-benefits>div{display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:8px}
.ref-benefits i{grid-row:1/3;font-style:normal;color:var(--ref-cyan);font-size:24px;text-shadow:0 0 15px rgba(41,221,244,.42)}
.ref-benefits strong{font-size:12px;color:#f0f8fc}
.ref-benefits small{font-size:10px;color:#8499aa;margin-top:3px}
.ref-client-wrap{
  position:relative;align-self:end;height:540px;display:flex;align-items:flex-end;justify-content:flex-end;
  perspective:1300px;transform:translate(4px,26px)
}
.ref-client{
  width:min(690px,100%);height:390px;border:1px solid rgba(48,224,255,.36);
  border-radius:15px;overflow:hidden;background:#03121d;
  box-shadow:0 35px 80px rgba(0,0,0,.58),0 0 44px rgba(26,207,239,.09),inset 0 0 0 1px rgba(255,255,255,.015);
  transform:rotateY(-4deg) rotateX(1deg) rotateZ(3.3deg) translateY(-8px);
  transform-origin:center bottom;transition:transform .45s cubic-bezier(.2,.8,.2,1)
}
.ref-client-wrap:hover .ref-client{transform:rotateY(-2deg) rotateX(0) rotateZ(1.6deg) translateY(-14px)}
.client-titlebar{height:49px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#041522;border-bottom:1px solid rgba(75,211,237,.14)}
.client-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:850;letter-spacing:.05em}.client-brand img{width:24px;height:24px}.client-brand small{font-size:7px;color:#6f8798;letter-spacing:.18em}.window-dots{font-size:11px;color:#688091;letter-spacing:.35em}
.client-body{height:calc(100% - 49px);display:grid;grid-template-columns:150px 1fr}
.client-sidebar{padding:24px 13px;background:#03101a;border-right:1px solid rgba(70,202,230,.12);display:flex;flex-direction:column;gap:5px}
.client-section{font-size:8px;color:#4f687a;letter-spacing:.14em;margin:0 8px 8px}.client-sidebar a{font-size:10px;color:#8298a8;padding:10px 10px;border-radius:5px}.client-sidebar a.active{color:white;background:#06283a;border-left:2px solid var(--ref-cyan)}.client-sidebar .more{margin-top:auto}
.client-main{padding:22px;background:linear-gradient(145deg,#041521,#03111b)}
.client-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.client-head small{font-size:8px;color:#557083;letter-spacing:.15em}.client-head h3{font-size:21px;margin:4px 0 0}.running{font-size:9px;color:#66f6a5;background:#06291e;border:1px solid rgba(74,239,155,.18);padding:7px 10px;border-radius:5px}
.client-content{display:grid;grid-template-columns:1.45fr .72fr;grid-template-rows:190px 72px;gap:11px}
.client-shot{position:relative;overflow:hidden;border-radius:8px;border:1px solid rgba(69,210,238,.14)}.client-shot img{width:100%;height:100%;object-fit:cover}.shot-overlay{position:absolute;inset:auto 0 0;padding:25px 14px 12px;background:linear-gradient(transparent,rgba(2,11,18,.94));display:flex;flex-direction:column}.shot-overlay b{font-size:15px}.shot-overlay span{font-size:9px;color:#91a5b5;margin-top:2px}
.client-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.client-metrics div{padding:11px;border:1px solid rgba(72,200,229,.13);border-radius:7px;background:#051b29}.client-metrics small{display:block;font-size:7px;color:#557488;letter-spacing:.09em}.client-metrics b{display:block;font-size:11px;margin-top:5px}
.client-log{grid-column:1/3;border:1px solid rgba(72,200,229,.11);border-radius:7px;padding:9px 12px;display:flex;flex-direction:column;gap:4px;background:#03101a}.client-log span{font-family:monospace;font-size:8px;color:#688394}
.ref-stats-wrap{position:relative;margin-top:-15px;z-index:5}
.ref-stats{
  min-height:88px;border:1px solid rgba(48,214,244,.20);border-radius:11px;
  background:linear-gradient(100deg,rgba(4,21,32,.94),rgba(3,16,26,.86));backdrop-filter:blur(15px);
  display:grid;grid-template-columns:repeat(4,1fr) 1.12fr;align-items:center;padding:0 30px;
  box-shadow:0 18px 50px rgba(0,0,0,.18)
}
.ref-stats>div{display:flex;gap:14px;align-items:center;padding:0 24px;border-right:1px solid rgba(96,174,198,.12)}.ref-stats>div:first-child{padding-left:4px}.ref-stats i{font-style:normal;color:var(--ref-cyan);font-size:30px;text-shadow:0 0 16px rgba(41,221,244,.25)}.ref-stats p{margin:0}.ref-stats b{display:block;font-size:19px}.ref-stats span{display:block;font-size:10px;color:#8fa3b3;margin-top:2px}.ref-stats blockquote{margin:0;padding-left:35px;color:#7190a7;font-style:italic;font-size:12px;line-height:1.45}

/* Bring the rest of the site into the same compact cinematic language */
section:not(.ref-hero):not(.ref-stats-wrap){position:relative}
.section,.section-shell,.content-section{background:transparent!important}
.card,.feature-card,.script-card,.achievement-card,.discord-card,.price-card,.dashboard-card,.admin-card,.panel{
  border-radius:11px!important;
  border-color:rgba(55,207,237,.16)!important;
  background:linear-gradient(145deg,rgba(5,23,35,.88),rgba(3,15,24,.76))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018),0 14px 35px rgba(0,0,0,.18)!important;
}
.card:hover,.feature-card:hover,.script-card:hover,.achievement-card:hover{
  border-color:rgba(60,225,255,.36)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 28px rgba(41,221,244,.07)!important;
  transform:translateY(-3px)
}
h2,h3{letter-spacing:-.025em}
.section-label,.eyebrow,.kicker{color:var(--ref-cyan)!important;letter-spacing:.17em!important}

/* responsive composition — not merely scaled desktop */
@media(max-width:1100px){
  .ref-shell{width:min(100% - 40px,980px)}
  .ref-hero{min-height:790px}
  .ref-hero-grid{min-height:790px;grid-template-columns:1fr 1fr}
  .ref-copy h1{font-size:52px}
  .ref-hero-art{inset:0 -18% 0 25%;background-position:58% 40%}
  .ref-client-wrap{height:470px;transform:translate(0,12px)}
  .ref-client{width:590px;height:350px}
  .ref-stats{grid-template-columns:repeat(4,1fr);padding:0 18px}.ref-stats blockquote{display:none}
}
@media(max-width:820px){
  .ref-shell{width:min(100% - 30px,720px)}
  .ref-hero{min-height:auto;padding-bottom:30px}
  .ref-hero-art{inset:0 -55% 38% 4%;opacity:.66;background-position:62% 25%}
  .ref-hero-vignette{background:linear-gradient(180deg,rgba(2,11,18,.15),rgba(2,11,18,.70) 44%,#020b12 72%)}
  .ref-hero-grid{display:flex;min-height:0;flex-direction:column;align-items:stretch}
  .ref-copy{padding:90px 0 0}.ref-copy h1{font-size:clamp(44px,11vw,66px);max-width:650px}.ref-copy>p{max-width:600px}
  .ref-client-wrap{height:auto;margin-top:35px;justify-content:center;transform:none}
  .ref-client{width:100%;height:380px;transform:rotateZ(1deg)}.ref-client-wrap:hover .ref-client{transform:rotateZ(0)}
  .ref-stats-wrap{margin-top:0}.ref-stats{grid-template-columns:1fr 1fr;gap:0;padding:10px 15px}.ref-stats>div{min-height:70px}.ref-stats>div:nth-child(2){border-right:0}
}
@media(max-width:560px){
  .ref-shell{width:calc(100% - 24px)}
  .ref-copy{padding-top:78px}.ref-kicker{font-size:9px;margin-bottom:17px}.ref-copy h1{font-size:42px}.ref-copy>p{font-size:14px;margin:18px 0 22px}
  .ref-actions{flex-direction:column;align-items:stretch;gap:10px}.ref-btn{width:100%}
  .ref-benefits{gap:12px;justify-content:space-between}.ref-benefits>div{grid-template-columns:20px auto}.ref-benefits i{font-size:17px}.ref-benefits small{display:none}.ref-benefits strong{font-size:10px}
  .ref-client{height:315px}.client-body{grid-template-columns:88px 1fr}.client-sidebar{padding:14px 7px}.client-sidebar a{font-size:7px;padding:8px 6px}.client-main{padding:12px}.client-head h3{font-size:16px}.client-content{grid-template-columns:1fr;grid-template-rows:160px 58px}.client-metrics{display:none}.client-log{grid-column:1}.running{font-size:7px;padding:5px}
  .ref-stats{grid-template-columns:1fr 1fr}.ref-stats>div{padding:0 9px}.ref-stats i{font-size:22px}.ref-stats b{font-size:15px}.ref-stats span{font-size:8px}
}


/* V10.1 CRISP HEADER FIX */
.site-header,.main-header,.navbar,header,
.site-header *, .main-header *, .navbar *, header *{
  filter:none!important;
  -webkit-filter:none!important;
}
.site-header,.main-header,.navbar,header{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgba(2,11,18,.93)!important;
}
.site-header img,.main-header img,.navbar img,header img{
  image-rendering:auto;
  opacity:1!important;
}


/* =========================================================
   PEXORA V10.2 — audited sharp + responsive layer
   Root-cause fix: legacy .reveal blur removed.
   ========================================================= */
:root{--wrap:1440px}
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%}

/* Never blur actual page content. Blur is reserved for decorative pseudo-layers only. */
.reveal,.reveal-now,[data-reveal],
.ref-copy,.ref-client-wrap,.ref-client,
.nav,.nav *,.dash-top,.dash-top *,.auth-wrap,.auth-wrap *{
  filter:none!important;
  -webkit-filter:none!important;
}
.reveal{opacity:1!important;transform:none!important}

/* Full-width, crisp desktop navigation with reference-like proportions. */
.nav.wrap{
  width:min(1440px,calc(100% - 48px))!important;
  max-width:none!important;
  height:86px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border-bottom:1px solid rgba(83,190,216,.13)!important;
  position:relative!important;
  z-index:100!important;
  overflow:visible!important;
}
.nav.wrap::before{
  content:"";position:absolute;z-index:-1;
  top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  background:rgba(2,11,18,.96);
  border-bottom:1px solid rgba(83,190,216,.08);
  pointer-events:none;
}
.nav .brand{flex:0 0 auto}
.nav .brand img{width:45px!important;height:45px!important}
.nav .brand b{font-size:22px!important;letter-spacing:.08em!important}
.nav nav{
  display:flex!important;justify-content:center!important;align-items:center;
  gap:36px!important;flex:1!important;min-width:0
}
.nav nav a{font-size:13px!important;font-weight:650;color:#c4d0da!important;white-space:nowrap}
.nav nav a:hover{color:#fff!important}
.nav-actions{display:flex;gap:12px;align-items:center;flex:0 0 auto}
.nav-signin,.nav .login{
  display:inline-flex!important;align-items:center;justify-content:center;
  height:42px;padding:0 22px!important;border-radius:8px!important;
  font-size:11px!important;font-weight:850!important;letter-spacing:.07em;
  text-decoration:none
}
.nav-signin{color:#fff!important;border:1px solid rgba(46,221,246,.62);background:#03111b}
.nav .login{background:#36dff0!important;color:#00141b!important;border:1px solid #50e9f7}

/* Hero: keep all text and client raster-sharp. */
.ref-hero{margin-top:-86px!important;padding-top:86px!important}
.ref-hero-art{
  filter:none!important;
  opacity:.76!important;
  background-position:50% 48%!important;
}
.ref-hero-vignette{
  background:
    linear-gradient(90deg,#020b12 0%,rgba(2,11,18,.98) 16%,rgba(2,11,18,.87) 31%,rgba(2,11,18,.34) 53%,rgba(2,11,18,.07) 76%,rgba(2,11,18,.17) 100%),
    linear-gradient(180deg,rgba(2,11,18,.02),rgba(2,11,18,.03) 66%,#020b12 100%)!important
}
.ref-copy,.ref-copy *{text-rendering:geometricPrecision}
.ref-client{
  transform:rotateZ(2.2deg) translateY(-7px)!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}
.ref-client-wrap:hover .ref-client{transform:rotateZ(1deg) translateY(-12px)!important}

/* Keep animated reveal sharp: only opacity/translation, never filter. */
[data-reveal]{filter:none!important}
[data-reveal].revealed{filter:none!important}

/* Dashboard/admin top bars: crisp, not frosted. */
.dash-top{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  background:#03101a!important;
  min-width:0
}
.dash-menu{display:none}
.dash-main{min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Auth cards remain glassy via transparency, without blurring form/text. */
.auth-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(4,18,29,.94)!important}

/* Tablet */
@media (max-width:1100px){
  .nav.wrap{width:calc(100% - 32px)!important;height:76px!important}
  .nav nav{gap:20px!important}
  .nav nav a{font-size:12px!important}
  .nav .brand b{font-size:19px!important}
  .nav .brand img{width:40px!important;height:40px!important}
  .nav-signin,.nav .login{padding:0 15px!important;height:39px}
  .ref-hero{margin-top:-76px!important;padding-top:76px!important}
  .ref-hero-grid{grid-template-columns:1fr!important;gap:0!important}
  .ref-copy{padding-top:70px!important;max-width:700px}
  .ref-client-wrap{width:min(760px,100%);margin:0 auto;height:auto!important;padding:34px 0 60px}
  .ref-client{width:100%!important;transform:rotateZ(1deg)!important}
  .ref-stats{grid-template-columns:repeat(2,1fr)!important}
  .ref-stats>div:nth-child(2){border-right:0}
  .script-card{flex-basis:min(360px,82vw)}
  .auth-wrap{grid-template-columns:1fr 430px!important;gap:40px!important}
  .admin-search{width:min(300px,28vw)!important;margin-left:20px!important}
}

/* Mobile navigation and content */
@media (max-width:820px){
  .nav.wrap{
    width:100%!important;height:68px!important;padding:0 16px!important;
    border-bottom:1px solid rgba(57,207,237,.12)!important
  }
  .nav.wrap::before{background:#020b12}
  .nav .brand img{width:36px!important;height:36px!important}
  .nav .brand b{font-size:17px!important}
  .nav-actions{margin-left:auto}
  .nav-signin{display:none!important}
  .nav .login{display:inline-flex!important;height:36px;padding:0 13px!important;font-size:10px!important}
  .menu{
    display:grid!important;place-items:center;order:3;
    width:38px;height:38px;margin-left:8px!important;
    border:1px solid rgba(52,217,244,.25)!important;border-radius:8px;
    background:#061722!important;color:#eafaff!important;font-size:18px!important
  }
  .nav nav{
    display:none!important;position:absolute;top:68px;left:12px;right:12px;
    padding:10px!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;
    background:#04131f;border:1px solid rgba(52,217,244,.2);border-radius:12px;
    box-shadow:0 20px 60px rgba(0,0,0,.55)
  }
  .nav nav.open{display:flex!important}
  .nav nav a{padding:12px 14px;border-radius:8px}
  .nav nav a:hover{background:#082131}
  .ref-hero{margin-top:-68px!important;padding-top:68px!important}
  .ref-hero-art{inset:0 -45% 38% 0!important;opacity:.5!important;background-position:58% 25%!important}
  .ref-copy{padding-top:58px!important}
  .ref-copy h1{font-size:clamp(42px,10vw,62px)!important;line-height:1!important}
  .ref-client{height:360px!important;transform:none!important}
  .ref-client-wrap:hover .ref-client{transform:none!important}
  .ref-stats{grid-template-columns:1fr 1fr!important}
  .live-world-grid,.feature-layout,.statement-grid{grid-template-columns:1fr!important}
  .script-head{align-items:flex-start!important}
  .script-slider{padding-right:20px}
  .auth-wrap{
    width:min(100% - 28px,620px)!important;min-height:auto!important;
    grid-template-columns:1fr!important;gap:28px!important;padding:48px 0
  }
  .auth-intro h1{font-size:clamp(46px,11vw,68px)!important}
  .auth-card{padding:26px!important}
  .dash-menu{
    display:grid!important;place-items:center;order:-1;
    width:38px;height:38px;margin-right:10px;border-radius:8px;
    border:1px solid rgba(49,230,255,.18);background:#061522;color:#fff
  }
  .dash-layout{grid-template-columns:1fr!important}
  .dash-side{
    position:fixed!important;left:0;top:68px!important;bottom:0;width:min(280px,84vw);
    height:auto!important;z-index:80;transform:translateX(-105%);transition:transform .25s ease;
    box-shadow:20px 0 60px rgba(0,0,0,.5)
  }
  .dash-side.open{transform:translateX(0)}
  .dash-top{height:68px!important;padding:0 14px!important}
  .dash-top .brand img{width:36px!important;height:36px!important}
  .dash-top .brand b{font-size:17px!important}
  .dash-main{padding:26px 18px!important}
  .dash-heading{align-items:flex-start!important;gap:18px;flex-direction:column}
  .dash-heading h1{font-size:36px!important}
  .dash-stats,.admin-kpis{grid-template-columns:1fr 1fr!important}
  .dash-grid,.account-grid,.admin-split{grid-template-columns:1fr!important}
  .admin-search{display:none!important}
  .modal-grid{grid-template-columns:1fr 1fr!important}
}

/* Small phones */
@media (max-width:520px){
  .nav .login{display:none!important}
  .ref-shell{width:calc(100% - 24px)!important}
  .ref-copy h1{font-size:39px!important}
  .ref-copy>p{font-size:14px!important;line-height:1.55}
  .ref-benefits{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important}
  .ref-benefits>div{display:block!important;text-align:center}
  .ref-benefits i{display:block;margin-bottom:5px}
  .ref-benefits small{display:none!important}
  .ref-client{height:300px!important}
  .client-titlebar{height:42px!important}
  .client-body{height:calc(100% - 42px)!important;grid-template-columns:72px 1fr!important}
  .client-sidebar{padding:10px 5px!important}
  .client-sidebar a{font-size:0!important;padding:7px 4px!important}
  .client-sidebar a::first-letter{font-size:12px}
  .client-section{font-size:6px!important}
  .client-main{padding:10px!important}
  .client-head h3{font-size:15px!important}
  .client-content{grid-template-columns:1fr!important;grid-template-rows:150px 55px!important}
  .client-metrics{display:none!important}
  .client-log{grid-column:1!important}
  .ref-stats{grid-template-columns:1fr!important}
  .ref-stats>div{border-right:0!important;border-bottom:1px solid rgba(96,174,198,.1);min-height:64px}
  .script-card{flex-basis:88vw!important}
  .script-art{height:220px!important}
  .discord-inner,.download-inner{padding-left:0!important;padding-right:0!important}
  .auth-intro{display:none}
  .auth-wrap{padding:32px 0!important}
  .auth-card{padding:20px!important}
  .auth-points{flex-direction:column}
  .dash-stats,.admin-kpis{grid-template-columns:1fr!important}
  .dash-main{padding:20px 12px!important}
  .dash-card{padding:18px!important}
  .download-row,.discord-connect{align-items:flex-start!important;flex-direction:column}
  .user-modal{padding:20px!important}
  .modal-grid{grid-template-columns:1fr!important}
  .footer{gap:20px!important}
}


/* V10.3 — hero client vertical alignment */
@media (min-width:1101px){
  .ref-client-wrap{
    align-self:center!important;
    height:540px!important;
    transform:translate(4px,-18px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .ref-client{
    transform:rotateZ(2.2deg) translateY(-8px)!important;
  }
  .ref-client-wrap:hover .ref-client{
    transform:rotateZ(1deg) translateY(-13px)!important;
  }
}