/* VYPR store prototype: fully custom styling, no external dependencies. */
:root{color-scheme:dark;--bg:#050507;--bg2:#0a0a0e;--bg3:#111015;--surface:#100f15;--surface2:#18151f;--line:#2a2333;--line2:#443553;--text:#f7f5fb;--muted:#a6a0b2;--muted2:#797185;--green:#af8cff;--green2:#8855df;--green3:#20172e;--yellow:#f4c96a;--danger:#ed8883;--shadow:0 30px 90px #0008;--radius:19px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);font:15px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:inline-block;flex-shrink:0}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}::selection{background:#af8cff;color:#081008}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.container{max-width:var(--max);margin:0 auto;padding:0 30px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:2.25px;text-transform:uppercase;font-weight:800;color:var(--green)}.eyebrow.dim{color:#a397b1}.label{display:block;font-size:12px;color:var(--muted);font-weight:650;margin-bottom:8px}.color-green{color:var(--green)}.price-numeric,.metric-number{font-variant-numeric:tabular-nums}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:31px}.section-head h2,.page-title{font-weight:750;letter-spacing:-1.85px;line-height:1.13;margin:11px 0 12px}.section-head h2{font-size:clamp(29px,3.35vw,43px)}.section-head p{margin:0;max-width:510px;color:var(--muted)}.section{padding:96px 0}.section.compact{padding:67px 0}.divider{height:1px;background:var(--line)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid var(--line2);border-radius:99px;color:#c3bdcc;font-size:11px;font-weight:750;letter-spacing:.65px}.pill.online{background:#29193a;border-color:#6d419c;color:#b994ff}.pill.warn{background:#292418;border-color:#544b28;color:#f0c875}.dot{height:7px;width:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:9px;border:1px solid transparent;padding:12px 19px;min-height:45px;font-weight:750;font-size:13px;letter-spacing:.05px;background:var(--green);color:#10180e;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.btn:hover{background:#c3a0ff;transform:translateY(-2px);box-shadow:0 8px 26px #ab83fa25}.btn:active{transform:translateY(0)}.btn .icon{width:16px;height:16px}.btn-dark{background:#222a25;color:#f5f7f1;border-color:#344037}.btn-dark:hover{background:#34253f;box-shadow:none}.btn-outline{background:transparent;color:var(--text);border-color:#414a41}.btn-outline:hover{background:#23182f;box-shadow:none}.btn-ghost{background:transparent;color:#d6ddd4;border:0}.btn-ghost:hover{background:#202820;box-shadow:none}.btn-sm{padding:9px 13px;min-height:37px;font-size:12px}.btn-lg{padding:15px 24px;min-height:53px;font-size:14px}.btn:disabled{opacity:.44;pointer-events:none}.text-link{color:var(--green);font-weight:650;display:inline-flex;align-items:center;gap:8px;font-size:13px}.text-link:hover{text-decoration:underline}.text-link .icon{height:15px;width:15px}.nav-wrap{position:sticky;top:0;z-index:50;background:#050507e8;backdrop-filter:blur(17px);border-bottom:1px solid #263027a8}.nav{height:76px;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:22px;font-weight:900;letter-spacing:1px}.brand-symbol{height:35px;width:35px;display:grid;place-items:center;background:var(--green);color:#0d140b;border-radius:9px;font-weight:1000;font-size:25px;line-height:1;clip-path:polygon(0 0,100% 0,100% 75%,76% 100%,0 100%)}.brand span.word{font-size:23px;line-height:1}.nav-menu{display:flex;align-items:center;gap:28px;margin-left:28px}.nav-link{font-size:13px;font-weight:650;color:#a9a2b3;transition:color .15s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-29px;height:2px;left:0;right:0;background:var(--green)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-cart{position:relative;display:inline-flex;gap:10px;align-items:center;padding:8px 12px;color:#d1cadd;border-radius:9px;font-size:12px;font-weight:750}.nav-cart:hover{background:#211b2b}.cart-count{min-width:20px;height:20px;display:grid;place-items:center;background:#273728;color:#e2ceff;border-radius:5px;padding:0 5px;font-size:11px}.nav-mobile-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:#1e1926;color:white;width:40px;height:40px;align-items:center;justify-content:center}.site-banner{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 15px;text-align:center;font-size:11px;color:#aebbad;border-bottom:1px solid #32243f;background:#121910}.site-banner .dot{color:var(--green);width:5px;height:5px}.site-banner b{font-weight:800;color:#d8ecc8}
/* Hero */
.hero{position:relative;overflow:hidden;padding:83px 0 90px;background:radial-gradient(ellipse 51% 68% at 82% 38%,#291d3b6b,transparent 80%),radial-gradient(ellipse 54% 80% at 28% -40%,#25133e44,transparent 85%),var(--bg)}.hero:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#bb9ce305 1px,transparent 1px),linear-gradient(90deg,#bb9ce305 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 17%,#000 84%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:46px;min-height:475px}.hero-content{padding:0 0 10px}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:#c3abd9;font-size:11px;letter-spacing:1.6px;font-weight:850;text-transform:uppercase}.hero-kicker:before{content:"";height:7px;width:7px;background:var(--green);border-radius:100%;box-shadow:0 0 0 5px #af8cff1a}.hero h1{font-size:clamp(46px,5.8vw,75px);letter-spacing:-3.7px;line-height:1.035;margin:28px 0 24px;font-weight:850;max-width:680px}.hero h1 .highlight{display:block;color:var(--green)}.hero-description{color:#a7a0b1;line-height:1.85;font-size:15px;max-width:460px;margin:0 0 33px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:53px}.hero-proof >span{font-size:11px;color:#929d93;display:inline-flex;align-items:center;gap:7px}.hero-proof .icon{height:15px;width:15px;color:#b69aff}.hero-proof .separator{background:#364337;width:1px;height:18px;display:block}.hero-art{position:relative;min-width:0;perspective:1100px;min-height:480px;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;width:410px;height:410px;background:#9760fc25;filter:blur(95px);border-radius:50%;top:35px;left:50%;transform:translateX(-50%)}.app-window{position:relative;z-index:1;width:min(100%,504px);border:1px solid #415444;border-radius:16px;background:#111714;box-shadow:0 22px 90px #000b,0 0 0 7px #17221965;transform:rotateY(-7deg) rotateX(3deg) rotateZ(-1deg);overflow:hidden}.app-titlebar{height:43px;border-bottom:1px solid #2b382c;background:#171e18;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.app-logo{font-size:11px;font-weight:900;letter-spacing:1.2px;color:#e8d9ff}.app-logo b{color:var(--green)}.app-title-right{display:flex;gap:8px}.app-title-right i{height:7px;width:7px;border:1px solid #928598;border-radius:50%}.app-inner{display:flex;min-height:332px}.app-sidebar{width:125px;padding:22px 11px;border-right:1px solid #273329;background:#111813;flex-shrink:0}.app-sidebar small{display:block;color:#6d5e7f;font-size:8px;letter-spacing:2px;margin:0 0 17px 9px;font-weight:800}.app-navitem{display:flex;align-items:center;gap:10px;padding:10px 11px;color:#9183a0;font-size:10px;font-weight:650;border-radius:6px;margin-bottom:5px}.app-navitem.active{background:#432861;color:#dbc5ff}.app-navitem span:first-child{display:block;height:8px;width:8px;background:#877b92;border-radius:3px}.app-navitem.active span:first-child{background:#b997ff}.app-preview{padding:23px 23px 27px;flex:1;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:19px}.preview-top strong{font-size:12px;display:block}.preview-top small{font-size:9px;color:#819083}.app-status{color:#af8cff;background:#1a3118;border-radius:4px;padding:4px 7px;font-size:8px;font-weight:850}.app-preview-card{border:1px solid #344339;background:#151f18;border-radius:10px;padding:14px;display:flex;align-items:center;gap:15px;margin-bottom:11px}.app-radar{width:110px;height:110px;border-radius:50%;flex-shrink:0;border:1px solid #314f33;background:repeating-radial-gradient(circle at center,transparent 0 18px,#305137 19px 20px),linear-gradient(45deg,transparent 49.5%,#456b47 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,#456b47 50%,transparent 50.5%),radial-gradient(circle,#1e3924,#102317);position:relative;overflow:hidden}.app-radar:before{content:"";position:absolute;width:50%;height:50%;top:0;left:50%;background:conic-gradient(from 180deg,transparent,#ad88ff35);transform-origin:bottom left;clip-path:polygon(0 100%,0 0,100% 0);opacity:.5}.radar-me{position:absolute;top:48%;left:48%;height:8px;width:8px;background:var(--green);transform:rotate(45deg);box-shadow:0 0 8px #af8cff}.radar-pip{position:absolute;width:6px;height:6px;border-radius:50%;background:#e7fbd5;box-shadow:0 0 9px #c9b0ff88}.radar-pip.p1{left:67%;top:25%}.radar-pip.p2{left:30%;top:65%;background:#f1c76e}.radar-pip.p3{left:22%;top:32%}.radar-meta{flex:1}.radar-meta small{display:block;color:#718675;font-size:9px}.radar-meta strong{font-size:17px;line-height:1.2;display:block;margin:3px 0 9px}.radar-meta .mini-line{height:5px;background:#2b402c;margin-bottom:7px;border-radius:5px;overflow:hidden}.mini-line i{display:block;height:100%;background:#9cee5f;border-radius:5px}.settings-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid #2b3b2f;background:#18221b;border-radius:7px;margin-top:7px;color:#b7c8b6;font-size:10px}.settings-line .toggle{width:26px;height:15px;background:#a1ec6b;border-radius:20px;position:relative}.settings-line .toggle:after{content:"";height:11px;width:11px;position:absolute;right:2px;top:2px;border-radius:100%;background:#203919}.float-chip{position:absolute;z-index:3;padding:11px 14px;border:1px solid #436644;border-radius:10px;background:#18271bdc;box-shadow:0 18px 35px #0008;backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px;color:#e5f9d8;font-size:11px;font-weight:750}.float-chip .icon{color:var(--green)}.float-chip.top{right:-2px;top:32px}.float-chip.bottom{left:-17px;bottom:37px}.float-chip small{display:block;color:#8bad87;font-size:9px;font-weight:450}.float-icon{height:31px;width:31px;background:#355632;border-radius:7px;display:grid;place-items:center}.stat-strip{background:#0e140f;border-top:1px solid #213024;border-bottom:1px solid #213024}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:31px 0 29px;text-align:center;border-right:1px solid #293329}.stat:last-child{border:0}.stat strong{display:block;font-size:26px;letter-spacing:-.8px;line-height:1.25;color:#f4f7f0}.stat span{display:block;color:#829184;font-size:11px;letter-spacing:.25px;margin-top:5px}
/* reusable cards */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{padding:27px 25px 25px;background:linear-gradient(146deg,#151c17,#111613);border:1px solid #26332a;border-radius:var(--radius);min-height:202px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#4b6942}.feature-icon{width:44px;height:44px;border-radius:12px;background:#243924;color:var(--green);display:grid;place-items:center;margin-bottom:23px}.feature-icon .icon{height:20px;width:20px}.feature-card h3{font-size:15px;letter-spacing:-.2px;margin:0 0 7px}.feature-card p{color:#87978b;font-size:12px;line-height:1.75;margin:0}.centered-cta{text-align:center;margin-top:31px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product-card{border-radius:var(--radius);overflow:hidden;background:#121814;border:1px solid #2c362d;display:flex;flex-direction:column;transition:transform .18s,border-color .18s;min-width:0}.product-card:hover{transform:translateY(-3px);border-color:#527548}.product-card.featured{border-color:#6b964b;box-shadow:0 0 0 1px #4c70463b}.product-art{height:170px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#2b542d,#0c1410 69%);display:flex;align-items:center;justify-content:center}.product-art:before{content:"";position:absolute;width:280px;height:280px;border:1px solid #c7ffc914;border-radius:50%;box-shadow:0 0 0 34px #c7ffc907,0 0 0 70px #c7ffc905;transform:rotateX(70deg);top:39px}.product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 57%,#131a15)}.product-card.featured .product-art{background:radial-gradient(circle at 50% 18%,#436928,#0c1510 69%)}.product-card.premium .product-art{background:radial-gradient(circle at 50% 18%,#31565a,#0c1515 69%)}.product-art-mark{font-size:74px;line-height:1;transform:skew(-10deg);font-weight:1000;letter-spacing:-10px;color:#af8cff;filter:drop-shadow(0 0 24px #af8cff4a);z-index:1}.product-card.premium .product-art-mark{color:#a5ece6}.art-corner{position:absolute;z-index:2;left:17px;top:15px;font-size:9px;letter-spacing:1.5px;color:#c9e9be80;font-weight:800}.art-corner.right{left:auto;right:17px}.product-body{padding:23px 23px 24px;flex:1;display:flex;flex-direction:column}.product-overline{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-overline>span:first-child{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#a8bbad}.product-overline .pill{font-size:9px;padding:3px 7px}.product-body h3{margin:12px 0 5px;font-size:21px;letter-spacing:-.65px}.product-description{color:#8f9d92;font-size:12px;margin:0 0 20px;line-height:1.7;min-height:41px}.price-overline{font-size:10px;color:#88958b}.product-price{font-size:29px;font-weight:850;letter-spacing:-1px;line-height:1.2;margin:4px 0 17px}.product-price span{font-size:12px;font-weight:450;color:#9eaaa0;letter-spacing:0}.product-list{padding:16px 0;border-top:1px solid #2d372e;border-bottom:1px solid #2d372e;display:flex;flex-direction:column;gap:11px;margin-bottom:20px}.product-list div{display:flex;align-items:center;gap:9px;font-size:12px;color:#cbd5c9}.product-list .icon{width:13px;height:13px;color:var(--green)}.product-body .btn{margin-top:auto;width:100%}.product-body .minor-link{text-align:center;font-size:11px;margin-top:13px;color:#829186}.product-body .minor-link:hover{color:var(--green)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:steps}.how-card{border:1px solid #2a342b;background:#101511;border-radius:13px;padding:24px}.how-num{display:block;color:var(--green);font-weight:900;font-size:12px;letter-spacing:2px}.how-card h3{font-size:15px;margin:17px 0 7px}.how-card p{font-size:12px;color:#8d9a8e;margin:0}.cta-block{position:relative;overflow:hidden;border:1px solid #3d6134;border-radius:22px;background:radial-gradient(ellipse at 90% 25%,#46692e78,transparent 38%),linear-gradient(130deg,#172918,#111914);padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-block:after{content:"V";position:absolute;right:14%;bottom:-112px;font-weight:1000;font-size:310px;color:#af8cff0a;line-height:1;pointer-events:none}.cta-block h2{font-size:34px;line-height:1.1;letter-spacing:-1.4px;margin:10px 0}.cta-block p{color:#adbdad;font-size:13px;margin:0;max-width:480px}.cta-block .btn{position:relative;z-index:1;white-space:nowrap}
/* Footer */
footer{padding:60px 0 22px;border-top:1px solid #263127;background:#0c110d}.footer-grid{display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:45px}.footer-about p{color:#819083;font-size:12px;max-width:290px;line-height:1.8;margin-top:17px}.footer-grid h4{font-size:11px;letter-spacing:1.2px;color:#c7d6c6;text-transform:uppercase;margin:5px 0 19px}.footer-links{display:flex;flex-direction:column;gap:11px}.footer-links a{font-size:12px;color:#89998a}.footer-links a:hover{color:var(--green)}.footer-bottom{border-top:1px solid #283329;margin-top:53px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#68756c;font-size:11px}.footer-bottom strong{color:#899588;font-weight:500}
/* Inner pages */
.page-hero{padding:70px 0 40px;background:radial-gradient(ellipse 45% 120% at 85% -25%,#233e255b,transparent 75%)}.page-hero .pill{margin-bottom:12px}.page-title{font-size:clamp(36px,4.6vw,57px)}.page-subtitle{color:#97a69a;max-width:600px;margin:0;font-size:14px}.page-inner{padding:28px 0 98px}.notice{border:1px solid #4a512d;background:#211f14;border-radius:11px;padding:13px 17px;font-size:12px;color:#d8ca99;display:flex;gap:11px;align-items:center}.notice .icon{height:18px;width:18px;flex-shrink:0}.notice a{text-decoration:underline}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 23px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-btn{background:#131a15;color:#9baa9d;border:1px solid #2e3930;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:650}.filter-btn.active,.filter-btn:hover{border-color:#709657;color:#dbfbc4;background:#233321}.tool-count{font-size:12px;color:var(--muted)}.status-hero{display:flex;gap:22px;justify-content:space-between;align-items:center;border:1px solid #345337;background:linear-gradient(110deg,#182a19,#131d16);border-radius:17px;padding:26px;margin-bottom:25px}.status-big{display:flex;align-items:center;gap:15px}.status-icon{height:53px;width:53px;border-radius:14px;display:grid;place-items:center;background:#264428;color:var(--green)}.status-icon .icon{width:26px;height:26px}.status-big h3{font-size:18px;margin:0 0 4px}.status-big p{font-size:12px;margin:0;color:#91aa94}.status-last{font-size:11px;color:#7fa584}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.status-card{background:#121914;border:1px solid #2b352d;border-radius:13px;padding:20px}.status-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.status-card .mini-icon{height:34px;width:34px;border-radius:9px;background:#203722;display:grid;place-items:center;color:var(--green)}.status-card h3{font-size:15px;margin:15px 0 5px}.status-card p{font-size:12px;color:#8c9c8e;margin:0}.status-card .pill{font-size:9px;padding:3px 8px}.status-card .pill.warn{color:var(--yellow)}.subheading{font-size:19px;letter-spacing:-.4px;margin:35px 0 17px}.table-shell{overflow:auto;border:1px solid #2e3a31;border-radius:14px}.data-table{border-collapse:collapse;width:100%;min-width:600px;text-align:left}.data-table th{background:#19211b;text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#8d9c91;padding:14px 18px}.data-table td{font-size:12px;border-top:1px solid #2c372d;padding:16px 18px;color:#c4d0c5}.data-table td strong{font-weight:700;color:#f1f5ee}.rules-layout{display:grid;grid-template-columns:225px 1fr;gap:30px;align-items:start}.rules-nav{position:sticky;top:102px;border:1px solid #2b342d;border-radius:12px;padding:12px;background:#121713;display:flex;flex-direction:column;gap:3px}.rules-nav a{font-size:12px;padding:10px 13px;border-radius:7px;color:#9eab9f}.rules-nav a:hover{background:#223024;color:#e6f2e2}.rules-content{border:1px solid #2d3b2f;background:#111713;border-radius:15px;padding:9px 28px}.rule-section{padding:28px 0;border-bottom:1px solid #2c372d;scroll-margin-top:100px}.rule-section:last-child{border:0}.rule-section h3{margin:0 0 10px;font-size:20px;letter-spacing:-.6px}.rule-section p,.rule-section li{font-size:13px;color:#a2afa3;line-height:1.95}.rule-section ul{padding-left:18px}.rule-section li{padding:3px 0}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:23px;align-items:start}.surface{border:1px solid #2c3a2e;background:#111713;border-radius:16px;padding:23px}.surface h3{margin:0 0 18px;font-size:17px;letter-spacing:-.3px}.cart-item{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #2b352d}.cart-item:first-child{padding-top:0}.cart-item:last-child{border-bottom:0;padding-bottom:0}.cart-thumb{width:62px;height:62px;flex-shrink:0;border-radius:10px;background:radial-gradient(circle at 40% 30%,#426532,#162219);display:grid;place-items:center;color:var(--green);font-weight:950;font-size:31px}.cart-info{flex:1;min-width:0}.cart-info h4{font-size:14px;margin:0}.cart-info p{font-size:11px;color:var(--muted);margin:3px 0}.cart-remove{background:transparent;color:#b09b98;border:0;padding:7px;border-radius:8px}.cart-remove:hover{background:#362422;color:#ff9892}.cart-price{font-weight:800;font-size:16px;white-space:nowrap}.summary-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:12px 0;color:#9eaca0;font-size:12px}.summary-row strong{color:#f3f5ef}.summary-total{border-top:1px solid #344038;margin-top:20px;padding-top:17px;font-size:15px;color:#f2f7ec;font-weight:750}.summary-total strong{font-size:24px;letter-spacing:-.8px}.summary-note{color:#7f8c81;font-size:11px;line-height:1.7;margin:14px 0 0}.empty-state{text-align:center;border:1px solid #2b382d;border-radius:17px;background:#111713;padding:72px 22px}.empty-icon{margin:0 auto 17px;height:68px;width:68px;display:grid;place-items:center;color:var(--green);background:#243a26;border-radius:18px}.empty-icon .icon{height:28px;width:28px}.empty-state h3{margin:0 0 6px;font-size:22px}.empty-state p{color:#8d9a8d;font-size:13px;margin:0 0 23px}.input{display:block;background:#0c120e;border:1px solid #364239;border-radius:8px;color:var(--text);padding:12px 13px;outline:0;width:100%;font-size:13px}.input:focus{border-color:#9dd665;box-shadow:0 0 0 3px #af8cff15}.form-row{margin-bottom:17px}.field-help{font-size:11px;color:#7e9080;margin-top:6px}.auth-wrap{max-width:450px;margin:60px auto 95px}.auth-box{border:1px solid #324134;border-radius:21px;background:linear-gradient(135deg,#18221a,#101613);padding:36px}.auth-icon{height:55px;width:55px;display:grid;place-items:center;background:#2a472a;border-radius:14px;color:var(--green);margin-bottom:25px}.auth-icon .icon{height:27px;width:27px}.auth-box h2{font-size:27px;letter-spacing:-.9px;line-height:1.15;margin:0 0 9px}.auth-box>p{color:#99a99c;font-size:13px;margin:0 0 25px}.auth-divider{display:flex;align-items:center;gap:15px;margin:19px 0;color:#6c7e6f;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#2a382d;flex:1}.discord-btn{background:#5865f2;color:white;width:100%}.discord-btn:hover{background:#6976fa}.auth-box .btn{width:100%}.login-warning{color:#9baa9d;font-size:11px;text-align:center;margin-top:17px}.dashboard-layout{display:grid;grid-template-columns:224px 1fr;gap:22px;align-items:start}.dash-side{background:#131a15;border:1px solid #2c3b2e;border-radius:15px;padding:16px;position:sticky;top:102px}.dash-profile{border-bottom:1px solid #2c382d;display:flex;align-items:center;gap:11px;padding:8px 6px 20px;margin-bottom:11px}.avatar{height:38px;width:38px;border-radius:10px;display:grid;place-items:center;background:#33552f;color:#d7ffb7;font-weight:900}.dash-profile strong{display:block;font-size:12px}.dash-profile small{display:block;font-size:10px;color:#849486}.dash-side a,.dash-side button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;text-align:left;color:#9ba89d;padding:11px 12px;border-radius:8px;font-size:12px;font-weight:650}.dash-side a:hover,.dash-side button:hover,.dash-side a.active{background:#253625;color:#d5f9bc}.dash-side .icon{height:16px;width:16px}.dash-side button.logout{margin-top:9px;color:#b4a3a2}.dashboard-main{min-width:0}.dash-welcome{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:22px}.dash-welcome h2{font-size:26px;letter-spacing:-.9px;margin:1px 0 3px}.dash-welcome p{color:#8f9b91;font-size:12px;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:22px}.metric-card{background:#151d17;border:1px solid #2d392f;border-radius:13px;padding:19px}.metric-card .metric-label{font-size:11px;color:#8f9e90}.metric-number{font-size:29px;line-height:1.45;font-weight:850;display:block;letter-spacing:-1px;margin-top:9px}.metric-card .icon{color:var(--green);width:15px;height:15px}.dash-table-shell{overflow-x:auto}.key-card{border:1px solid #334335;background:#172019;border-radius:12px;padding:19px;margin-bottom:12px}.key-card h4{margin:0 0 4px;font-size:14px}.key-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.4px;color:#bee9a7;word-break:break-all}.key-actions{margin-top:12px}.key-actions .btn{margin-right:6px}.profile-card{max-width:550px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.checkout-method{display:flex;gap:13px;padding:16px;border:1px solid #354237;background:#18221a;border-radius:10px;margin:15px 0 20px;align-items:center}.checkout-method .icon{color:var(--green)}.checkout-method strong{display:block;font-size:13px}.checkout-method small{display:block;color:#87988b;font-size:11px}.cart-icon{height:16px;width:16px}.modal-overlay{position:fixed;z-index:100;inset:0;background:#030503db;display:flex;align-items:center;justify-content:center;padding:24px}.modal-box{border:1px solid #455f3d;background:#151d16;border-radius:16px;max-width:480px;width:100%;padding:29px;box-shadow:var(--shadow)}.modal-box h3{margin:0 0 9px;font-size:22px}.modal-box p{font-size:13px;color:#9caf9a}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:25px}#toast{position:fixed;z-index:130;right:24px;bottom:25px;max-width:min(340px,calc(100% - 40px));opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .2s,transform .2s;background:#27392a;border:1px solid #64864e;border-radius:10px;padding:13px 18px;color:#ebffe2;font-size:12px;box-shadow:var(--shadow)}#toast.visible{opacity:1;transform:translateY(0)}.admin-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-list .surface{padding:17px}.admin-list h4{margin:0 0 12px}.admin-input{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:10px 0}.admin-input .input{max-width:110px}.admin-input label{font-size:12px;color:#a9bbab}.admin-section{margin-top:23px}.return-link{margin-top:16px}
@media(max-width:1030px){.nav-menu{margin-left:5px;gap:21px}.hero-grid{gap:20px}.hero h1{font-size:56px}.app-sidebar{width:98px}.app-preview{padding:18px}.app-radar{height:87px;width:87px}.float-chip.bottom{left:0}.float-chip.top{right:1px}.product-body{padding:20px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:25px}}
@media(max-width:820px){.container{padding-left:23px;padding-right:23px}.nav{height:68px}.nav-mobile-toggle{display:inline-flex}.nav-menu{display:none;position:absolute;top:68px;left:0;right:0;margin:0;background:#111913;border-bottom:1px solid #354537;padding:15px 23px 20px;flex-direction:column;align-items:stretch;gap:0}.nav-menu.open{display:flex}.nav-link{padding:12px}.nav-link.active:after{left:0;width:2px;height:24px;top:8px;bottom:auto}.nav-login{display:none}.hero{padding:55px 0 65px}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:clamp(45px,9vw,67px);max-width:650px}.hero-description{max-width:570px}.hero-art{margin-top:40px;min-height:390px}.app-window{max-width:510px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #293329}.features-grid,.products-grid,.status-grid,.admin-list{grid-template-columns:repeat(2,1fr)}.features-grid .feature-card:last-child,.products-grid .product-card:last-child{grid-column:span 2}.products-grid .product-card:last-child{max-width:100%;}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-about{grid-column:span 3}.cart-layout,.checkout-layout{grid-template-columns:1fr}.rules-layout{grid-template-columns:1fr}.rules-nav{position:static;flex-direction:row;overflow:auto}.dashboard-layout{grid-template-columns:1fr}.dash-side{position:static;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.dash-profile{width:100%;}.dash-side a,.dash-side button{width:auto}.cta-block{padding:35px}.section{padding:70px 0}}
@media(max-width:560px){body{font-size:14px}.container{padding:0 18px}.nav-right{gap:3px}.nav-cart{font-size:0;gap:6px}.nav-cart .icon{width:20px;height:20px}.nav-cart .cart-count{font-size:10px}.brand{gap:9px}.brand .brand-symbol{height:31px;width:31px}.brand span.word{font-size:20px}.site-banner{font-size:10px}.hero{padding:50px 0}.hero h1{font-size:47px;letter-spacing:-2.4px}.hero-description{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-proof{margin-top:30px;gap:10px}.hero-proof .separator{display:none}.hero-proof>span{font-size:10px}.hero-art{min-height:305px;margin-top:26px}.app-window{transform:rotateY(-4deg);width:calc(100% - 20px)}.app-sidebar{display:none}.app-inner{min-height:280px}.app-preview{padding:15px}.app-radar{height:95px;width:95px}.float-chip{font-size:9px;padding:8px}.float-chip.top{right:0;top:4px}.float-chip.bottom{left:0;bottom:0}.stat{padding:24px 8px}.stat strong{font-size:21px}.stat span{font-size:10px}.section{padding:62px 0}.section-head{display:block}.section-head h2{font-size:31px}.section-head .btn{margin-top:15px}.features-grid,.products-grid,.status-grid,.how-grid,.admin-list{grid-template-columns:1fr}.features-grid .feature-card:last-child,.products-grid .product-card:last-child{grid-column:auto}.product-art{height:175px}.feature-card{min-height:unset;padding:24px}.feature-icon{margin-bottom:16px}.cta-block{display:block;padding:30px 25px}.cta-block h2{font-size:29px}.cta-block .btn{margin-top:23px}.footer-grid{grid-template-columns:repeat(2,1fr);row-gap:35px}.footer-about{grid-column:span 2}.footer-bottom{display:block}.footer-bottom>*{display:block;margin:8px 0}.page-hero{padding:45px 0 22px}.page-title{font-size:37px}.page-inner{padding-bottom:65px}.toolbar{align-items:start;flex-direction:column}.status-hero{align-items:start;flex-direction:column;padding:19px}.rules-content{padding:0 19px}.rules-nav{padding:7px}.rules-nav a{white-space:nowrap;padding:9px}.surface{padding:17px}.cart-item{gap:10px}.cart-thumb{height:45px;width:45px;font-size:24px}.cart-price{font-size:13px}.cart-info h4{font-size:12px}.auth-wrap{margin:35px auto 65px}.auth-box{padding:26px 22px}.metric-grid{grid-template-columns:1fr}.dash-welcome{display:block}.dash-welcome .btn{margin-top:12px}.modal-box{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Authenticated customer dashboard and management console */
button:disabled{opacity:.5;cursor:not-allowed}
.license-grid{display:grid;gap:18px}
.license-product{padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#151d18,#0f1412);box-shadow:0 8px 35px #0002}
.license-top{display:flex;align-items:start;justify-content:space-between;gap:14px}
.license-top h3{font-size:23px;margin:8px 0 15px}
.license-metadata{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:20px;margin:6px 0 20px}
.license-metadata>div>span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}
.license-metadata strong{display:block;font-weight:650;overflow-wrap:anywhere}
.license-metadata small{display:block;font-size:12px;color:var(--muted)}
.license-code{background:#0b100d;border:1px solid var(--line);border-radius:9px;letter-spacing:.04em;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;overflow-wrap:anywhere;user-select:all}
.license-actions{display:flex;flex-wrap:wrap;gap:10px}.license-actions>*{width:auto}
.admin-console{display:grid;gap:22px}.admin-console>.surface{padding:24px;min-width:0}.admin-console h3{font-size:22px;margin:7px 0 12px}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;max-width:820px}.admin-form-grid>.btn{align-self:end;justify-self:start}
.inline-form{display:flex;gap:10px;margin:17px 0}.inline-form input{max-width:440px}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.table-actions .btn{white-space:nowrap}
.inline-key{max-width:160px;display:block;overflow-wrap:anywhere;font-size:12px}.admin-console .table-shell{max-width:100%;overflow-x:auto}
.admin-console input[type=file]{width:100%;height:auto;padding:12px}.auth-box .discord-btn{display:flex;justify-content:center}
@media(max-width:800px){.license-metadata,.admin-form-grid{grid-template-columns:1fr}.license-top{flex-wrap:wrap}.admin-console>.surface{padding:15px}.table-actions{min-width:140px}}
/* VYPR full-store upgrades */
.auth-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;text-align:left;margin-top:28px}
.auth-split>section{border:1px solid #ffffff18;background:#111617;border-radius:17px;padding:24px}
.auth-split h3{margin:0 0 20px;font-size:20px}.portal-form{display:flex;flex-direction:column;gap:13px}
.portal-form label{display:flex;flex-direction:column;gap:8px;color:#aab8b1;font-size:13px;font-weight:600;text-align:left}
.portal-form .btn{justify-content:center;margin-top:4px}
.portal-form textarea{resize:vertical;font-family:inherit}
.auth-separator{text-align:center;color:#84918c;font-size:12px;letter-spacing:.08em;margin:18px 0 10px}
.social-buttons{display:flex;gap:8px;flex-wrap:wrap}.social-buttons .btn{flex:1;justify-content:center}
.auth-box .login-warning{margin-top:25px}
.payment-methods{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.orders-grid{display:grid;gap:15px}.order-card{padding:20px}.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}
.order-head h3{margin:6px 0;font-size:18px}.order-card .summary-row{flex-wrap:wrap;gap:12px}
@media(max-width:760px){.auth-split{grid-template-columns:1fr;gap:15px}.auth-split>section{padding:17px}.payment-methods>*{width:100%}}

/* BLACK EDITION — deep black surfaces, charcoal separators, restrained green highlights. */
:root {
  --bg:#050505; --bg2:#090909; --bg3:#0e0e0e;
  --surface:#101010; --surface2:#171717;
  --line:#292929; --line2:#383838;
  --text:#f5f5f5; --muted:#a5a5a5; --muted2:#838383;
  --green:#c6f785; --green2:#a6d972; --green3:#1c2318;
  --shadow:0 24px 70px #000c;
}
body { background:#050505; }
.nav-wrap {background:#090909ed;border-bottom-color:#242424;}
.site-banner {background:#0b0b0b;border-bottom-color:#242424;color:#bcbcbc;}
.site-banner b {color:#ededed;}
.hero {background:radial-gradient(ellipse 49% 59% at 80% 30%,#1d261a42,transparent 86%),#050505;}
.hero:before {opacity:.38;}
.hero-glow {background:#bbfa2920;opacity:.5;}
.page-hero {background:#080808!important;}
.app-window,.app-titlebar,.app-sidebar,.app-preview-card {background:#101010;}
.app-titlebar,.app-sidebar,.app-preview-card {border-color:#292929;}
.product-card,.feature-card,.how-card,.status-card,.surface,.license-product,.metric-card,.dash-side,.cart-item,.auth-box,.checkout-method {background:#111111!important;border-color:#2b2b2b!important;}
.product-card.featured {border-color:#4b5c3b!important;}
.product-art {background:radial-gradient(circle at 50% 35%,#343c2b,#161616 65%,#090909)!important;position:relative;overflow:hidden;}
.product-art.has-image {background:#101010!important;}
.product-cover {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.79);}
.product-art.has-image .art-corner,.product-art.has-image .product-art-mark {position:relative;z-index:2;}
.product-art.has-image:after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000a,transparent 37%,#0008);pointer-events:none;}
.input,input,textarea,select {color-scheme:dark;}
.input {background:#090909!important;border-color:#343434!important;color:#f5f5f5;}
.filter-btn {background:#131313;border-color:#323232;}
.filter-btn.active {background:#222a1a;border-color:#658045;}
.btn-dark {background:#232323;color:#f3f3f3;border-color:#343434;}
.btn-dark:hover {background:#303030;}
.btn-outline {border-color:#464646;}
.nav-cart:hover {background:#1b1b1b;}
.cta-block {background:linear-gradient(110deg,#101010,#1b2117)!important;border-color:#303030!important;}
footer {background:#070707!important;border-top:1px solid #292929;}
.pill {border-color:#404040;}
.product-admin-list {display:grid;gap:8px;margin:22px 0;}
.product-admin-item {padding:13px 15px;background:#090909;border:1px solid #2c2c2c;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.product-admin-item code {margin-left:9px;color:#999;font-size:12px;}
.checkbox-line {display:flex;align-items:center;gap:9px;color:var(--text);font-size:13px;font-weight:650;margin:12px 0;}
.checkbox-line input {accent-color:var(--green);width:17px;height:17px;}
.admin-rule {height:1px;border:0;background:#292929;margin:28px 0;}
@media(max-width:620px){.product-admin-item{flex-direction:column;align-items:flex-start;}}

/* Discord ticket checkout flow; neutral on the black storefront. */
.ticket-help{margin-top:16px;border:1px solid #343434;border-radius:12px;background:#101010;padding:17px;line-height:1.6}
.ticket-help>strong{font-size:13px;color:#f0f0f0}
.ticket-help p{margin:7px 0 0;color:#a7a7a7;font-size:12px}
.ticket-order-id{margin-top:12px;background:#070707;border:1px solid #303030;padding:11px;border-radius:8px;overflow-wrap:anywhere}
.ticket-order-id code{font-size:12px;color:#e0e0e0}
.ticket-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:13px}
.discord-ticket-btn{background:#5865f2;color:#fff;border-color:#5865f2}
.discord-ticket-btn:hover{background:#6976fa;border-color:#6976fa;color:#fff}
@media(max-width:600px){.ticket-actions .btn{width:100%;justify-content:center}}

/* Private manual payment forms — charcoal/black styling */
.payment-wallets{margin:12px 0;padding:12px;border:1px solid #333;border-radius:10px;background:#080808;display:grid;gap:10px}
.payment-wallets .summary-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.wallet-address{font-size:12px;max-width:100%;overflow-wrap:anywhere;word-break:break-all;color:#e5e5e5;user-select:all}
.ticket-help .portal-form{margin-top:16px;padding:0;display:grid;gap:12px}
.ticket-help label{font-size:12px;font-weight:600;display:grid;gap:6px;color:#dfdfdf}
.ticket-help .portal-form .btn{justify-self:start}
.ticket-help .payment-wallets p{margin:0}
@media(max-width:560px){.ticket-help .portal-form .btn{width:100%;justify-self:stretch}}


/* GLASS EDITION — black glass cards, soft accent glow, and individual product pages.
   Color guide: edit --glass-accent and --glass-accent-soft below. */
:root {
  --glass-accent:#c8ff83;
  --glass-accent-soft:#a2dc6c;
  --glass-panel:rgba(19,22,22,.62);
  --glass-line:rgba(255,255,255,.13);
  --glass-blur:blur(18px) saturate(140%);
  --bg:#050606;--bg2:#0b0d0e;--bg3:#0e1011;
  --surface:#141717;--surface2:#171b1b;
  --green:var(--glass-accent);--green2:var(--glass-accent-soft);
  --line:var(--glass-line);--line2:rgba(255,255,255,.2);
}
body {
  background:radial-gradient(ellipse 42vw 50vw at 110% 12%,rgba(130,160,106,.085),transparent 85%),
             radial-gradient(ellipse 35vw 38vw at -12% 44%,rgba(55,85,83,.11),transparent 75%),#050606;
}
.site-banner {background:rgba(12,14,14,.86);border-bottom:1px solid var(--glass-line)}
.nav-wrap {background:rgba(8,10,10,.76);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.11)}
.hero {background:radial-gradient(ellipse 42% 50% at 85% 35%,rgba(143,218,94,.12),transparent 80%),transparent;}
.hero:before {opacity:.12}
.page-hero {background:linear-gradient(130deg,rgba(9,11,11,.1),rgba(31,47,33,.13))!important;}
.product-card,.feature-card,.how-card,.status-card,.surface,.license-product,.metric-card,.dash-side,.cart-item,.auth-box,.checkout-method,
.auth-split>section,.app-window,.cta-block,.product-admin-item,.ticket-help,.modal-box,.order-card {
  background:var(--glass-panel)!important;
  border:1px solid var(--glass-line)!important;
  box-shadow:0 14px 60px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
}
.product-card:hover {transform:translateY(-4px);border-color:rgba(200,255,131,.34)!important;box-shadow:0 24px 65px rgba(0,0,0,.38),0 0 28px rgba(175,229,105,.08)}
.product-art {color:#d9f3c7; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.06)}
.product-art:hover .product-cover {transform:scale(1.045)}
.product-cover {transition:transform .45s ease}
.product-body .product-see-details {color:#c9eab7;text-decoration:none;display:flex;align-items:center;gap:7px;margin:0 0 20px;font-size:12px;font-weight:700}
.product-see-details .icon {width:14px;height:14px}
.product-body h3 {letter-spacing:-.035em}
.product-card .filters .filter-btn {background:rgba(13,16,16,.6);border:1px solid rgba(255,255,255,.13)}
.product-card .filters .filter-btn.active {background:rgba(175,239,118,.13);border-color:rgba(194,255,145,.6)}
.btn {transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover {transform:translateY(-1px)}
.btn-dark {background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.17)!important}
.btn-dark:hover {background:rgba(255,255,255,.12)!important}
.input {background:rgba(7,9,9,.52)!important;border:1px solid rgba(255,255,255,.16)!important}
footer {background:rgba(4,6,6,.9)!important}

/* Product-specific detail page — #/product/<id> */
.product-detail-wrap {min-height:calc(100vh - 140px);padding:32px 0 104px;position:relative;isolation:isolate}
.product-detail-wrap:before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 35% 27% at 12% 18%,rgba(170,238,103,.085),transparent),radial-gradient(ellipse 38% 25% at 98% 55%,rgba(90,180,152,.06),transparent)}
.detail-breadcrumb {display:flex;align-items:center;gap:11px;margin:0 0 36px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.detail-breadcrumb a {text-decoration:none;color:#c8cfc9}.detail-breadcrumb a:hover {color:var(--green)}.detail-breadcrumb strong {color:#fff;font-weight:600}
.detail-layout {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);align-items:start;gap:36px}
.detail-info h1 {font-size:clamp(42px,5.6vw,78px);letter-spacing:-.055em;line-height:1.02;margin:20px 0 13px;color:#fafdfa;overflow-wrap:anywhere}
.detail-eyebrow {display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--glass-accent);flex-wrap:wrap}
.detail-pulse {width:7px;height:7px;border-radius:50%;background:var(--glass-accent);box-shadow:0 0 16px var(--glass-accent)}
.detail-separator {color:#586056;padding:0 5px}
.detail-subtitle {font-size:clamp(17px,2vw,22px);color:#d2dad2;font-weight:500;line-height:1.45;max-width:700px;margin:0 0 18px}
.detail-description {font-size:14px;color:var(--muted);line-height:1.8;max-width:730px;margin:0 0 24px;white-space:pre-wrap}
.detail-trust {display:flex;gap:16px 22px;flex-wrap:wrap;margin:24px 0 28px;padding:16px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.detail-trust>span {display:flex;align-items:center;gap:7px;color:#b8c4b9;font-size:11px;font-weight:650}.detail-trust .icon {width:15px;height:15px;color:var(--green)}
.detail-visual {border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden;display:grid;place-items:center;border-radius:21px;min-height:340px;aspect-ratio:1.6;max-height:540px;background:radial-gradient(ellipse at 46% 43%,rgba(93,146,63,.25),transparent 70%),linear-gradient(135deg,#15191a,#070909);box-shadow:0 40px 90px rgba(0,0,0,.38)}
.detail-visual img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.detail-visual-image:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 48%);pointer-events:none}
.detail-visual-placeholder {text-align:center}.detail-visual-placeholder span {display:block;color:rgba(212,252,172,.8);font-size:clamp(125px,16vw,245px);line-height:1;font-weight:900;text-shadow:0 20px 80px rgba(154,218,105,.25)}
.detail-visual-placeholder p {font-size:13px;letter-spacing:.2em;font-weight:700;color:#dce9d6}
.detail-image-badge {z-index:1;position:absolute;bottom:19px;left:20px;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(6,8,8,.55);backdrop-filter:blur(9px);color:#ecf4e8;font-size:10px;letter-spacing:.09em;font-weight:800}
.detail-image-badge .icon {width:14px;height:14px;color:var(--green)}
.detail-features {padding:34px 0}.detail-features h2 {font-size:26px;margin:7px 0 23px;letter-spacing:-.03em}.detail-feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.detail-feature {display:flex;align-items:start;gap:11px;border:1px solid rgba(255,255,255,.09);padding:15px 17px;background:rgba(16,20,18,.6);border-radius:12px;min-width:0;color:#cfd6ce;font-size:13px;line-height:1.5}
.detail-feature .icon {color:var(--green);width:17px;height:17px;min-width:17px;margin-top:1px}
.detail-purchase {position:sticky;top:104px;padding:30px;border-radius:23px;background:rgba(20,25,23,.68);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 75px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.detail-purchase-head {display:flex;align-items:center;justify-content:space-between;gap:12px}
.detail-purchase h2 {margin:19px 0 8px;font-size:27px;letter-spacing:-.04em}.detail-purchase>p {color:var(--muted);font-size:12px;line-height:1.7}
.detail-plan-list {display:grid;gap:10px;margin:25px 0 18px}
.detail-plan {width:100%;text-align:left;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:15px 14px;background:rgba(5,8,7,.35);color:#f1f5ee;cursor:pointer;font:inherit;transition:border-color .18s,background .18s}
.detail-plan:hover {border-color:rgba(198,255,141,.45)}.detail-plan.is-selected {background:rgba(174,233,118,.10);border-color:rgba(198,255,141,.74);box-shadow:inset 0 0 18px rgba(172,231,102,.065)}
.detail-radio {height:17px;width:17px;min-width:17px;border:1.5px solid #68716a;border-radius:50%;display:grid;place-items:center}.detail-plan.is-selected .detail-radio {border-color:var(--green)}.detail-plan.is-selected .detail-radio:after {content:"";height:9px;width:9px;border-radius:50%;background:var(--green)}
.detail-plan-name {flex:1;min-width:0}.detail-plan-name strong {display:block;font-size:13px}.detail-plan-name small {display:block;color:#9ca89e;font-size:11px;margin-top:3px}
.detail-plan-price {font-size:17px;letter-spacing:-.035em;white-space:nowrap}
.detail-order-total {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;margin-top:4px;border-top:1px solid rgba(255,255,255,.13);font-size:13px;color:#b5beb6}.detail-order-total strong {font-size:24px;color:#fff;letter-spacing:-.03em}
.detail-add {width:100%;display:flex;justify-content:center;gap:11px;margin-top:8px}
.detail-support-link {display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:12px;color:#d7e0d5;margin:19px 0}.detail-support-link:hover {color:var(--green)}.detail-support-link .icon {width:16px;height:16px}
.detail-fineprint {border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#919d96!important;font-size:11px!important;line-height:1.75!important}
.detail-starting {font-size:11px;color:#a4b0a5;margin-top:20px}.detail-starting b {color:#f2f8ed}
.detail-next {border-top:1px solid rgba(255,255,255,.09);margin-top:46px;padding:35px 0 0;display:flex;justify-content:space-between;gap:18px;align-items:center}.detail-next h2 {margin:8px 0;font-size:28px}
@media(max-width:920px){.detail-layout{grid-template-columns:1fr;gap:25px}.detail-purchase{position:static;order:0}.detail-visual{min-height:260px}.detail-info h1{font-size:clamp(40px,8vw,70px)}}
@media(max-width:600px){.product-detail-wrap{padding:22px 0 70px}.detail-breadcrumb{margin-bottom:21px}.detail-info h1{font-size:42px}.detail-feature-grid{grid-template-columns:1fr}.detail-visual{min-height:220px;aspect-ratio:1.25}.detail-purchase{padding:22px}.detail-next{flex-direction:column;align-items:flex-start}.detail-trust{gap:13px}.detail-visual-placeholder span{font-size:135px}}
@media(prefers-reduced-transparency:reduce){.detail-purchase,.product-card,.surface,.nav-wrap {backdrop-filter:none;-webkit-backdrop-filter:none;background:#141817!important}}

/* --- Ravens black + purple redesign override --- */
:root{
  --bg:#050508;--bg2:#09090d;--bg3:#101017;--surface:#101018;--surface2:#161622;
  --text:#f3f2fb;--muted:#a6a3ba;--muted2:#7b7892;--line:#232338;--line2:#363653;
  --green:#9c63ff;--green2:#b58bff;--green3:#25163e;--yellow:#f1c55f;--danger:#ff7e90;
}
::selection{background:#9c63ff;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9c63ff}
body{background:radial-gradient(ellipse 34vw 34vw at 102% 0%,rgba(125,91,255,.08),transparent 70%),radial-gradient(ellipse 34vw 34vw at -10% 45%,rgba(90,53,189,.09),transparent 70%),#050508;color:var(--text)}
.site-banner,.nav-wrap,footer{border-color:rgba(255,255,255,.08)!important}
.nav-wrap,.site-banner,.surface,.product-card,.feature-card,.metric-card,.dash-side,.auth-box,.status-card,.rules-content .rule-section,.profile-card,.affiliate-panel,.cta-block,.ticket-help,.order-card,.status-feature-list{
  background:linear-gradient(180deg,rgba(21,17,39,.9),rgba(10,10,18,.86))!important;
  border:1px solid rgba(146,110,255,.17)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
}
.brand-symbol{background:radial-gradient(circle at 30% 30%,#c9b1ff,#844dff 60%,#5a30c4 100%);color:#fff;clip-path:none;border-radius:50%;height:12px;width:12px;font-size:0;box-shadow:0 0 18px rgba(156,99,255,.75)}
.brand .word,.color-green,.eyebrow,.text-link,.detail-eyebrow,.detail-support-link:hover{color:#d6c4ff!important}
.nav-link.active:after,.hero-kicker:before{background:#9c63ff!important;box-shadow:0 0 0 5px rgba(156,99,255,.14)}
.hero{background:transparent}.hero:before{opacity:.06}
.hero h1 .highlight{color:#d6c4ff}.hero-kicker,.site-banner b{color:#d6c4ff}.hero-proof .icon,.detail-feature .icon,.detail-trust .icon,.detail-image-badge .icon{color:#b58bff}
.btn{background:linear-gradient(180deg,#a76bff,#8c49ff);color:#fff;box-shadow:0 10px 30px rgba(140,73,255,.28)}
.btn:hover{background:linear-gradient(180deg,#b47cff,#9557ff);box-shadow:0 12px 34px rgba(149,87,255,.35)}
.btn-dark,.btn-outline,.filter-btn,.nav-cart,.nav-login{background:rgba(17,17,29,.88)!important;color:#f2efff!important;border:1px solid rgba(255,255,255,.11)!important}
.btn-dark:hover,.btn-outline:hover,.filter-btn:hover,.nav-cart:hover{background:rgba(27,27,44,.95)!important}
.filter-btn.active{background:rgba(156,99,255,.18)!important;border-color:rgba(181,139,255,.45)!important;color:#fff}
.cart-count{background:#261544;color:#dbc9ff}
.product-card:hover,.feature-card:hover,.metric-card:hover{border-color:rgba(181,139,255,.38)!important;box-shadow:0 20px 58px rgba(0,0,0,.4),0 0 0 1px rgba(181,139,255,.12)}
.product-card .product-body h3,.section-head h2,.page-title,.detail-info h1,.dash-welcome h2{letter-spacing:-.04em}
.pill.online{background:rgba(156,99,255,.14);border-color:rgba(181,139,255,.45);color:#e6d9ff}
.pill.warn{background:rgba(241,197,95,.12);border-color:rgba(241,197,95,.3);color:#f4d98c}
.notice{background:rgba(156,99,255,.08)!important;border:1px solid rgba(181,139,255,.2)!important}
.raven-dashboard{grid-template-columns:260px minmax(0,1fr)!important;align-items:start;gap:26px}
.raven-side{position:sticky;top:96px;border-radius:22px;padding:16px;background:linear-gradient(180deg,rgba(24,19,45,.96),rgba(12,11,23,.95))!important}
.raven-side .dash-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px;margin-bottom:10px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(95,55,179,.22),rgba(31,16,67,.2))}
.raven-side .big-avatar,.profile-avatar{height:92px;width:92px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#b28fff,#7d49ef 55%,#371c73);color:#fff;font-size:36px;font-weight:800;box-shadow:0 0 24px rgba(156,99,255,.42)}
.raven-side .big-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}
.raven-side a,.raven-side .logout{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;color:#cfcbe2;font-weight:650;border:1px solid transparent;background:transparent;margin-top:6px}
.raven-side a:hover,.raven-side .logout:hover{background:rgba(255,255,255,.05)}
.raven-side a.active{background:rgba(156,99,255,.16);border-color:rgba(181,139,255,.3);color:#fff}
.raven-side .logout{width:100%;border:1px solid rgba(255,123,144,.28);color:#ffd8de;background:rgba(93,21,34,.15);justify-content:center;margin-top:14px}
.dash-welcome.compact{margin-bottom:16px}
.dash-banner{padding:12px 16px;border-radius:12px;margin-bottom:18px;font-weight:650;border:1px solid rgba(255,255,255,.12)}
.dash-banner.success{background:rgba(16,73,42,.25);border-color:rgba(57,196,120,.3);color:#cff3dd}
.license-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:18px}
@media(min-width:980px){.license-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.profile-card{padding:26px}.profile-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}.profile-grid{display:grid;gap:12px}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.affiliate-panel{padding:24px}.affiliate-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.home-mini-metrics{margin-top:24px}
.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:26px}.status-card{padding:18px;border-radius:18px}.status-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.status-card h3{margin:0 0 8px}.status-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.status-icon{height:40px;width:40px;border-radius:12px;display:grid;place-items:center;background:rgba(156,99,255,.16);color:#d5c2ff}.status-feature-list{padding:22px;border-radius:18px}.feature-status-list{display:grid;gap:10px}.feature-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.stacked-rules{display:grid;gap:20px}.rule-section{position:relative;padding:24px 24px 24px 68px!important}.rule-number{position:absolute;left:22px;top:22px;height:28px;width:28px;border-radius:10px;display:grid;place-items:center;background:rgba(156,99,255,.16);color:#e2d5ff;font-weight:800;font-size:12px}.rules-bottom-cta{display:flex;justify-content:center}
.product-detail-wrap:before{background:radial-gradient(ellipse 35% 27% at 12% 18%,rgba(156,99,255,.08),transparent),radial-gradient(ellipse 38% 25% at 98% 55%,rgba(98,63,184,.08),transparent)}
.detail-visual,.detail-purchase{background:linear-gradient(180deg,rgba(21,17,39,.9),rgba(10,10,18,.88));border-color:rgba(146,110,255,.17)}
.detail-plan.is-selected{background:rgba(156,99,255,.12);border-color:rgba(181,139,255,.55)}
.detail-radio,.detail-plan.is-selected .detail-radio{border-color:#b58bff}.detail-plan.is-selected .detail-radio:after{background:#b58bff}
@media(max-width:920px){.raven-dashboard{grid-template-columns:1fr!important}.raven-side{position:static}.raven-side .dash-profile{flex-direction:row;text-align:left;justify-content:flex-start}.raven-side .big-avatar{height:58px;width:58px;font-size:22px}}

/* =====================================================
   VYPR / MULTI-GAME STUDIO — TRUE BLACK GLASS UI
   Covers storefront, account and admin areas. 2026-10.
   ===================================================== */
:root {
  color-scheme:dark;
  --bg:#050506;
  --bg2:#080809;
  --bg3:#0d0d0f;
  --surface:#0e0e11;
  --surface2:#141417;
  --text:#f5f4f8;
  --muted:#a4a1ae;
  --muted2:#787584;
  --green:#9f78ff;
  --green2:#bfa6ff;
  --glass-accent:#9f78ff;
  --glass-accent-soft:#9f78ff;
  --glass-panel:rgba(14,14,18,.84);
  --glass-line:rgba(255,255,255,.10);
  --line:rgba(255,255,255,.085);
  --line2:rgba(255,255,255,.14);
}
html {scroll-behavior:smooth}
body {background:#050506!important;color:#f5f4f8;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 42vw 26vw at 74% -18%,rgba(126,74,255,.09),transparent 90%);z-index:-1}
.nav-wrap,.site-banner{background:rgba(6,6,8,.87)!important;border-color:rgba(255,255,255,.075)!important;backdrop-filter:blur(22px)}
.site-banner {font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#bbb8c4}
.brand .word{color:#f7f5ff!important;font-weight:800}
.brand .color-green{color:#b49aff!important}
.nav-link{font-weight:600;color:#aaa7b6}
.nav-link:hover{color:#f5f1ff}
footer{background:#060607!important;border-top:1px solid rgba(255,255,255,.07)!important}
.hero,.page-hero{background:transparent!important}
.hero:before,.product-detail-wrap:before{opacity:0!important}
.surface,.product-card,.feature-card,.metric-card,.dash-side,.auth-box,.status-card,.rules-content .rule-section,.profile-card,.affiliate-panel,.cta-block,.ticket-help,.order-card,.status-feature-list,.detail-purchase,.detail-visual {
  background:linear-gradient(152deg,rgba(18,18,23,.91),rgba(8,8,11,.94))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 17px 45px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.btn{background:linear-gradient(112deg,#8057e8,#a365f0);color:#fff;border:1px solid rgba(208,170,255,.23);box-shadow:0 10px 22px rgba(103,45,210,.19)}
.btn:hover{background:linear-gradient(112deg,#926af6,#a970fc);box-shadow:0 12px 30px rgba(103,45,210,.26)}
.btn-dark,.filter-btn,.nav-cart,.nav-login{background:rgba(19,19,23,.82)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f2f0f7!important;box-shadow:none!important}
.btn-dark:hover,.filter-btn:hover{background:#1d1b26!important}
.eyebrow,.page-hero .eyebrow,.hero-kicker{color:#ba9aff!important;letter-spacing:.16em}
.page-hero{padding-top:69px;padding-bottom:25px}
.page-title{font-size:clamp(36px,5vw,60px)!important;line-height:1.04;max-width:760px}
.page-inner{padding-top:30px}
.storefront-hero{padding:75px 0 75px;min-height:auto}
.store-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.9fr);gap:55px;align-items:center}
.storefront-hero h1{font-size:clamp(52px,6vw,92px);line-height:1.025;letter-spacing:-.075em;color:#f8f6ff;margin:19px 0}
.storefront-hero h1 .highlight{color:#b69cff!important}
.storefront-hero .hero-description{max-width:540px;font-size:15px;line-height:1.85;color:#aaa8b5}
.storefront-hero .hero-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;font-size:11px;color:#bbb8c9}
.hero-proof>span{display:flex;align-items:center;gap:7px}
.hero-glass-panel{position:relative;min-height:440px;overflow:hidden;border:1px solid rgba(180,158,255,.2);border-radius:27px;background:radial-gradient(circle at 80% 22%,rgba(98,63,189,.23),transparent 38%),radial-gradient(circle at 16% 92%,rgba(83,35,153,.17),transparent 44%),linear-gradient(145deg,#17141e,#08080b 77%);padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 28px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.09)}
.hero-glass-panel:before{content:"";position:absolute;inset:14px;border-radius:19px;border:1px solid rgba(255,255,255,.035);pointer-events:none}
.hero-glass-orbit{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(200,170,255,.12);right:-55px;top:35px;box-shadow:0 0 0 42px rgba(132,104,230,.035),0 0 0 94px rgba(132,104,230,.028),0 0 0 156px rgba(132,104,230,.018)}
.hero-panel-top,.hero-panel-label{z-index:1;letter-spacing:.2em;color:#bfb8d3;font-size:10px;font-weight:700}
.hero-panel-top{display:flex;align-items:center;gap:9px}.hero-panel-top span:last-child{margin-left:auto;color:#777184}.tiny-dot{display:inline-block;width:8px;height:8px;background:#aa8bfa;border-radius:50%;box-shadow:0 0 12px #9c6bf0}
.hero-panel-number{z-index:1;line-height:.82;font-weight:850;font-size:clamp(136px,17vw,232px);letter-spacing:-.11em;color:transparent;background:linear-gradient(153deg,#f7f0ff 4%,#ab8deb 44%,#392854 85%);background-clip:text;-webkit-background-clip:text;text-shadow:0 20px 55px rgba(103,58,201,.16)}
.hero-panel-tags{z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.hero-panel-tags span{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:7px 10px;color:#d7d2df;font-size:10px}
.games-section{padding-top:58px;padding-bottom:34px}.games-section .section-head{margin-bottom:25px}.games-section .section-head h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.055em}.subtle-link{font-size:12px;color:#d4c4f8;text-decoration:none}.subtle-link:hover{text-decoration:underline}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.game-tile{--game-hue:#6c65a9;min-height:288px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:radial-gradient(circle at 69% 33%,color-mix(in srgb,var(--game-hue) 32%,transparent),transparent 62%),linear-gradient(142deg,#17161d,#09090c 72%);box-shadow:0 16px 42px rgba(0,0,0,.2);transition:border-color .2s,transform .2s,box-shadow .2s}
.game-tile:hover{transform:translateY(-4px);border-color:rgba(177,139,255,.4);box-shadow:0 24px 48px rgba(0,0,0,.34)}
.game-tile.category-arc-raiders{--game-hue:#7886b4}
.game-tile.category-gta-fivem{--game-hue:#8d67b2}
.game-tile.category-red-dead{--game-hue:#bd6757}
.game-tile.category-the-division-2{--game-hue:#aa8853}
.game-tile.category-battlefield-6{--game-hue:#5c8395}
.game-tile.category-other{--game-hue:#77718d}
.game-tile-top{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;z-index:2}
.game-index{font-size:10px;letter-spacing:.15em;color:#c7c2d0}.game-chevron{width:28px;height:28px;border:1px solid rgba(255,255,255,.19);border-radius:8px;display:grid;place-items:center;font-size:15px}
.game-tile-art{position:absolute;inset:10% 0 18%;display:grid;place-items:center;font-size:clamp(110px,12vw,190px);font-weight:950;line-height:1;color:transparent;background:linear-gradient(163deg,rgba(255,255,255,.31),rgba(255,255,255,.005));background-clip:text;-webkit-background-clip:text;letter-spacing:-.13em;transform:rotate(-8deg);opacity:.7;user-select:none}
.game-tile-footer{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:8px;padding:32px 21px 20px;background:linear-gradient(0deg,rgba(5,5,7,.89),transparent)}
.game-tile-footer h3{font-size:18px;margin:0 0 4px;letter-spacing:-.04em}.game-tile-footer p{font-size:11px;color:#aaa6b4;margin:0}.game-count{font-size:10px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);padding:5px 9px;border-radius:99px;white-space:nowrap;color:#d5d0df}
.featured-section{padding-top:92px}.catalog-empty{padding:63px 28px;text-align:center;border-radius:22px}.catalog-empty h3{font-size:24px;margin:0 0 12px}.catalog-empty p{font-size:13px;color:#a7a4b1;max-width:560px;margin:0 auto 20px;line-height:1.8}
.glass-card{background:linear-gradient(140deg,rgba(23,21,28,.87),rgba(9,9,12,.95));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px)}
.trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px;margin-bottom:55px}.trust-row>div{border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:22px;background:rgba(18,17,22,.6);display:grid;gap:10px}.trust-row strong{font-size:24px;letter-spacing:-.045em;color:#baa2ec}.trust-row span{font-size:12px;color:#a7a4b0}
.game-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 39px}.game-filter{font:inherit;font-size:12px;color:#bab6c3;background:#111114;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:11px 14px;cursor:pointer}.game-filter.active,.game-filter:hover{background:rgba(114,80,186,.2);color:#fff;border-color:rgba(187,157,246,.4)}
.catalog-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:16px}.catalog-header h2{font-size:28px;letter-spacing:-.05em;margin:0}.catalog-header span{font-size:12px;color:#9d99a9}
.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.premium-product-card{overflow:hidden;border-radius:20px!important;padding:0!important;display:flex;flex-direction:column;min-height:480px}
.premium-product-media{position:relative;display:block;overflow:hidden;height:225px;background:#131219;text-decoration:none}
.premium-product-media>.product-cover{height:100%;width:100%;display:block;object-fit:cover;transition:transform .3s ease}.premium-product-card:hover .product-cover{transform:scale(1.035)}
.media-placeholder{height:100%;width:100%;min-height:210px;background:radial-gradient(ellipse at 85% 20%,rgba(116,83,181,.16),transparent 55%),linear-gradient(140deg,#20202a,#101015 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:20px;color:#fff}
.media-placeholder>span{font-size:9px;color:#b29ad9;border:1px solid rgba(179,148,236,.26);padding:6px 10px;border-radius:99px;letter-spacing:.1em}.media-placeholder strong{font-size:24px;letter-spacing:-.05em}.media-placeholder small{max-width:210px;line-height:1.5;color:#aaa4bb}
.product-media-overlay{position:absolute;left:14px;right:14px;bottom:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:rgba(7,7,10,.77);border:1px solid rgba(255,255,255,.15);border-radius:9px;backdrop-filter:blur(14px);color:#fff;font-size:10px;font-weight:700}
.premium-product-card .product-body{padding:22px;flex:1;display:flex;flex-direction:column}
.premium-product-card .product-body h3{font-size:21px;letter-spacing:-.048em;margin:15px 0 6px;line-height:1.22}
.product-status-label{color:#ae95df}.premium-product-card .product-description{font-size:12px;color:#aaa5b2;line-height:1.7;min-height:38px}
.premium-product-card .product-price{font-size:25px;font-weight:750;color:#f9f7ff;margin:12px 0}.premium-product-card .product-price span{font-weight:400;font-size:11px;color:#9994a4}
.product-feature-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 18px}.product-feature-chips span{padding:6px 8px;color:#bdb6cd;border:1px solid rgba(255,255,255,.075);border-radius:7px;font-size:10px;background:rgba(255,255,255,.026)}
.product-main-link{margin-top:auto;width:100%;justify-content:center}
.game-page-hero{padding:75px 0 60px;background:radial-gradient(ellipse at 68% 30%,rgba(132,95,180,.1),transparent 47%),#08080b;border-bottom:1px solid rgba(255,255,255,.07)}
.game-page-hero h1{font-size:clamp(44px,6vw,77px);line-height:1.08;letter-spacing:-.065em;margin:13px 0}.game-page-hero p{color:#bbb6c7}.game-page-hero .detail-breadcrumb{display:inline-block;margin-bottom:35px;color:#c4b3ee;text-decoration:none;font-size:12px}
.game-page-hero.category-red-dead{background:radial-gradient(ellipse at 65% 24%,rgba(176,80,55,.13),transparent 48%),#08080b}
.game-page-hero.category-battlefield-6{background:radial-gradient(ellipse at 65% 24%,rgba(67,104,127,.14),transparent 48%),#08080b}
.back-to-games{margin-top:33px}
.detail-visual .media-placeholder{min-height:390px}.detail-visual{overflow:hidden!important}.detail-visual img.product-cover{display:block;width:100%;height:100%;object-fit:cover}
.detail-feature-grid{gap:13px}.rich-feature{display:flex;align-items:flex-start!important;gap:13px;padding:16px!important;text-align:left;background:rgba(255,255,255,.024)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:12px}.rich-feature strong{display:block;color:#f2f0f7;font-size:13px;margin-bottom:6px}.rich-feature p{color:#a6a1b1;font-size:12px;line-height:1.65;margin:0}.feature-check{display:grid;place-items:center;flex:0 0 29px;height:29px;background:rgba(148,106,236,.12);border-radius:9px;color:#bfa3ff}
.detail-screenshots{padding-top:32px}.detail-screenshots h2{margin:9px 0 18px;font-size:26px;letter-spacing:-.04em}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.screenshot-card{margin:0;border:1px solid rgba(255,255,255,.1);border-radius:13px;overflow:hidden;background:#111115}.screenshot-card img{display:block;width:100%;height:210px;object-fit:cover;transition:transform .3s}.screenshot-card img:hover{transform:scale(1.02)}.screenshot-card figcaption{padding:11px 13px;font-size:11px;color:#bcb9c6}
.detail-plan.is-selected{background:rgba(139,93,225,.14)!important;border-color:rgba(190,152,255,.5)!important}.detail-purchase,.detail-plan{background-color:rgba(14,13,19,.94)}
.feature-builder{padding:18px;border:1px solid rgba(169,146,243,.17);border-radius:13px;background:rgba(137,90,218,.04);display:grid;gap:12px}.feature-builder h4{margin:0;font-size:16px}.feature-builder p{margin:0}.feature-builder .btn{justify-self:start}
.plan-builder-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center}.admin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;margin:20px 0}.gallery-admin-item{padding:10px;display:flex;flex-direction:column;gap:9px;border:1px solid rgba(255,255,255,.09);background:#101014;border-radius:12px}.gallery-admin-item img{width:100%;height:105px;object-fit:cover;border-radius:7px}.gallery-admin-item small{font-size:10px;line-height:1.4;color:#b0abb9}.gallery-admin-item .btn{margin-top:auto}
.admin-console>.surface{border-radius:19px;padding:25px}.portal-form .input,.admin-form-grid .input,.input{background:#0c0c10;border:1px solid rgba(255,255,255,.13);color:#f2eff9}.input:focus{border-color:#9f79f0;outline:1px solid rgba(159,121,240,.2)}
.raven-side{background:#0c0b10!important}.raven-side .dash-profile{background:linear-gradient(150deg,rgba(94,63,153,.2),rgba(17,16,24,.78))}
.status-card,.rules-content .rule-section{border-radius:17px}
@media(max-width:1050px){.game-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-hero-grid{gap:28px}.hero-glass-panel{min-height:375px}}
@media(max-width:760px){.store-hero-grid{grid-template-columns:1fr}.storefront-hero{padding:44px 0 36px}.storefront-hero h1{font-size:clamp(45px,12vw,68px)}.hero-glass-panel{min-height:300px;padding:22px}.hero-panel-number{font-size:138px}.game-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-tile{min-height:240px}.game-tile-footer{flex-wrap:wrap}.trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}.games-section{padding-top:38px}.raven-side{position:relative}}
@media(max-width:540px){.game-grid,.products-grid{grid-template-columns:1fr}.game-tile{min-height:240px}.premium-product-media{height:220px}.storefront-hero .hero-proof{gap:12px}.game-filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.game-filter{white-space:nowrap}.screenshot-grid{grid-template-columns:1fr}.catalog-header h2{font-size:24px}.trust-row>div{padding:16px}}
@media(prefers-reduced-motion:reduce){.game-tile,.premium-product-media>.product-cover{transition:none}.game-tile:hover{transform:none}}

/* Affiliate + catalog final palette: black and violet, never green. */
.affiliate-panel .affiliate-link-field{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;overflow-wrap:anywhere;padding:15px 17px;margin:0 0 18px;border:1px solid rgba(178,145,244,.17);border-radius:10px;background:rgba(5,5,9,.67);color:#d9c8ff}
.affiliate-panel .metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.affiliate-panel .affiliate-top{gap:20px}.affiliate-panel .affiliate-top .btn{flex-shrink:0}
.data-table th,.data-table thead tr{background:#16121f!important;color:#c9b9e9!important;border-color:rgba(196,161,255,.18)!important}
.data-table tbody tr,.data-table td{background:transparent!important;border-color:rgba(255,255,255,.07)!important}
.pill.online{background:rgba(129,79,215,.16)!important;border-color:rgba(166,124,243,.39)!important;color:#e0d0ff!important}
.dash-banner.success{background:rgba(125,79,210,.1)!important;border:1px solid rgba(162,111,249,.28)!important;color:#d9c7ff!important}
.ticket-help,.affiliate-panel{color:#eeebf6}.ticket-help p{color:#b4acbf}
@media(max-width:680px){.affiliate-panel .affiliate-top{flex-direction:column;align-items:stretch}.affiliate-panel .affiliate-top .btn{align-self:flex-start}}


/* ==============================================================
   BLACKGLASS 2.0 — primary design system, October 2026
   This replaces the previous green presentation. Backend untouched.
   =============================================================== */
:root{
  color-scheme:dark;
  --bg:#030305;--bg2:#08080b;--bg3:#0d0b12;
  --surface:#0c0b10;--surface2:#15121c;
  --line:#282332;--line2:#453851;
  --text:#f7f5fa;--muted:#aaa5b5;--muted2:#7d758b;
  --green:#a77afa;--green2:#c6a8ff;--green3:#261a36;
  --glass-accent:#a77afa;--glass-accent-soft:#d1b6ff;
  --glass-panel:rgba(14,12,20,.76);--glass-line:rgba(255,255,255,.11);
  --max:1330px;--radius:18px;
}
html,body{background:#030305!important;color:#f7f5fa!important}
body:before{background:radial-gradient(ellipse 43vw 37vw at 81% 10%,rgba(115,67,209,.09),transparent 75%),radial-gradient(ellipse 41vw 30vw at -10% 46%,rgba(69,53,126,.07),transparent 80%)!important;z-index:0!important}
#app{position:relative;isolation:isolate}
.container{max-width:1330px;padding-left:34px;padding-right:34px}
.brand-symbol{width:39px;height:39px;border-radius:11px!important;clip-path:none!important;background:linear-gradient(145deg,#342344,#120f18)!important;border:1px solid rgba(185,145,255,.48);display:grid;place-items:center;color:#ead8ff!important;box-shadow:0 0 24px rgba(143,88,233,.16);font-size:22px!important;position:relative}
.brand-spark{position:absolute;font-size:8px;color:#d2aeff;top:4px;right:5px}
.brand .word{font-size:22px!important;letter-spacing:-.05em!important}
.site-banner{height:33px;padding:0!important;background:#050407!important;border-bottom:1px solid #211c2a!important}
.launch-announcement{height:100%;display:flex;align-items:center;gap:9px;color:#9f96af;white-space:nowrap;font-size:10px;letter-spacing:.13em}
.launch-announcement b{color:#d6c8e8;font-weight:800}.launch-announcement .brand-led{width:6px;height:6px;border-radius:50%;background:#b991ff;box-shadow:0 0 14px #aa74ff}
.announcement-copy{margin-left:24px}.announcement-right{margin-left:auto;color:#726980}
.nav-wrap{background:rgba(5,5,8,.9)!important;border-bottom:1px solid rgba(255,255,255,.095)!important}
.nav{height:78px;gap:21px}.nav-menu{gap:8px;margin-left:35px}.nav-link{font-size:12px;color:#a7a0b5;padding:12px 15px;border:1px solid transparent;border-radius:10px;white-space:nowrap}
.nav-link:hover,.nav-link.active{border-color:rgba(184,143,255,.13);background:rgba(168,117,247,.095)!important;color:#f4eaff!important}
.nav-link.active:after{display:none!important}.nav-cart{border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(20,17,28,.76)}
.cart-count{background:#5e388c;color:#fff}.btn{border-radius:10px;box-shadow:none!important;background:linear-gradient(120deg,#8953e4,#ad7aff)!important;color:#fff!important}
.btn:hover{background:linear-gradient(120deg,#9b68f3,#bd94ff)!important;transform:translateY(-1px)}
.btn-dark,.btn-outline,.btn-ghost,.filter-btn,.nav-login{background:rgba(16,14,21,.78)!important;border:1px solid rgba(255,255,255,.135)!important;color:#f5efff!important}
.btn-dark:hover,.btn-outline:hover,.btn-ghost:hover,.nav-login:hover{background:rgba(65,42,94,.35)!important}
/* New panoramic masthead */
.launch-hero{position:relative;overflow:hidden;background:#030305;border-bottom:1px solid rgba(255,255,255,.07)}
.launch-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(176,144,235,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(176,144,235,.13) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(100deg,transparent 20%,#000 65%,transparent 100%)}
.launch-topline,.launch-index{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.16em;color:#827a91;font-weight:700}
.launch-topline{padding:25px 0 24px;border-bottom:1px solid rgba(255,255,255,.07)}.launch-topline>span{display:inline-flex;align-items:center;gap:9px}
.violet-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b995ff;box-shadow:0 0 15px rgba(185,142,255,.83)}
.topline-divider{color:#3f364e;padding:0 5px}
.launch-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center;padding:68px 0 64px}
.launch-copy{padding:7px 0 10px}.launch-edition{display:inline-block;color:#c3b0dd;padding:8px 14px;background:rgba(109,64,166,.13);border:1px solid rgba(177,125,244,.22);border-radius:100px;font-size:10px;font-weight:750;letter-spacing:.15em}
.launch-edition span{color:#6f528e;padding:0 7px}
.launch-copy h1{font-size:clamp(76px,8vw,135px);font-weight:900;line-height:.88;letter-spacing:-.095em;margin:33px 0 29px;color:#fff}
.launch-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(108deg,#b995ff,#ebe0ff 67%,#8955eb);background-clip:text;-webkit-background-clip:text}
.launch-copy p{font-size:15px;line-height:1.85;max-width:520px;color:#a9a4b3;margin:0 0 31px}
.launch-actions{display:flex;gap:11px;flex-wrap:wrap}.launch-actions .btn{min-height:52px;padding:14px 19px}.action-arrow{margin-left:23px;font-size:16px}
.launch-highlights{display:flex;gap:17px;flex-wrap:wrap;margin-top:46px}.launch-highlights span{font-size:11px;color:#8d8699;display:flex;align-items:center;gap:8px}.launch-highlights i{width:5px;height:5px;border:1px solid #ac82ef;transform:rotate(45deg)}
.launch-showcase{position:relative;min-height:515px;border:1px solid rgba(194,153,255,.21);border-radius:26px;overflow:hidden;padding:24px 26px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 49% 51%,rgba(133,74,207,.27),transparent 35%),radial-gradient(circle at 90% 10%,rgba(82,45,157,.23),transparent 40%),linear-gradient(155deg,#16111f 0%,#0d0b12 48%,#07070a 100%);box-shadow:0 35px 130px #000b,inset 0 1px rgba(255,255,255,.09)}
.launch-showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(255,255,255,.04) 50%,transparent 51%);background-size:100% 15px;opacity:.2;pointer-events:none}
.showcase-top,.showcase-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#d6c5ec;letter-spacing:.17em;font-weight:750}
.showcase-status{display:flex;align-items:center;gap:9px;color:#aaa0b8}
.showcase-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:19px;color:#9c91ad}.showcase-bottom b{color:#fff}
.showcase-orb{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate}
.showcase-ring{position:absolute;border-radius:50%;border:1px solid rgba(195,156,255,.27);box-shadow:inset 0 0 45px rgba(114,72,164,.12),0 0 70px rgba(81,40,137,.09)}
.showcase-ring.r1{width:280px;height:280px}.showcase-ring.r2{width:397px;height:397px;border-color:rgba(194,165,255,.11)}
.showcase-ring.r2:before,.showcase-ring.r2:after{content:"";position:absolute;inset:40px;border-radius:50%;border:1px dashed rgba(188,143,255,.12)}
.showcase-core{width:203px;height:203px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,rgba(33,23,46,.95),rgba(11,9,15,.98));border:1px solid rgba(200,160,255,.38);box-shadow:0 0 85px rgba(146,79,247,.2),inset 0 0 30px rgba(166,116,242,.07);position:relative}
.showcase-core>span:first-child{font-size:130px;font-weight:850;letter-spacing:-.11em;line-height:1;background:linear-gradient(130deg,#fff,#b890ff 70%);background-clip:text;-webkit-background-clip:text;color:transparent}
.showcase-mini-star{position:absolute;right:45px;top:48px;color:#d3afff;font-size:20px}
.launch-index{padding:20px 0 24px;border-top:1px solid rgba(255,255,255,.07)}.launch-index b{font-size:16px;padding-left:13px;color:#bba3df}
/* Category cards and storefront sections: actual new glass surfaces */
.games-section{padding-top:92px;padding-bottom:30px}.collection-section{padding-top:104px}.section-head h2{font-size:clamp(38px,4vw,58px)!important;letter-spacing:-.067em!important;font-weight:770}
.accent-soft{color:#c09dff}.section-head p{color:#aaa3b5;font-size:13px}.eyebrow{font-size:10px;color:#b891f6!important;letter-spacing:.21em}
.game-grid{gap:14px}.game-tile{min-height:330px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:19px!important;backdrop-filter:blur(17px);background:radial-gradient(circle at 67% 42%,color-mix(in srgb,var(--game-hue),transparent 82%),transparent 55%),linear-gradient(145deg,#141018,#09090d 73%)!important;box-shadow:inset 0 1px rgba(255,255,255,.05);}
.game-tile:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 46px,rgba(255,255,255,.013) 47px 48px);pointer-events:none}
.game-tile-art{font-size:clamp(130px,15vw,218px)!important;opacity:.45;inset:12% 0 19%;filter:drop-shadow(0 0 32px rgba(177,133,248,.22))}
.game-tile:hover{transform:translateY(-5px);border-color:rgba(180,136,250,.45)!important;box-shadow:0 26px 70px #0009,0 0 28px rgba(126,79,193,.12)}
.game-tile-top{padding:22px 22px}.game-tile-footer{padding:32px 22px 22px;background:linear-gradient(0deg,rgba(6,5,9,.98),transparent)}
.game-tile-footer h3{font-size:19px}.game-tile-footer p{max-width:240px}.game-index{color:#aa95c9}.game-count{background:rgba(147,97,229,.11);border-color:rgba(169,134,227,.17)}
.game-tile.category-arc-raiders{--game-hue:#5d68a4}.game-tile.category-gta-fivem{--game-hue:#8f51b2}.game-tile.category-red-dead{--game-hue:#9c506d}.game-tile.category-the-division-2{--game-hue:#967099}.game-tile.category-battlefield-6{--game-hue:#517b9b}
.featured-section{padding-top:105px}.catalog-empty{min-height:260px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(120deg,rgba(23,15,34,.74),rgba(8,7,12,.9))!important;border:1px solid rgba(167,125,234,.17)!important}
.empty-visual{display:grid;place-items:center;font-size:29px;color:#b68aff;margin-bottom:13px;width:59px;height:59px;border-radius:16px;border:1px solid rgba(181,131,247,.23);background:rgba(134,73,223,.1)}
.trust-row>div{background:rgba(13,11,18,.84)!important;border:1px solid rgba(255,255,255,.1);border-radius:15px}.trust-row strong{color:#c09dff}
/* Shop/product/auth/admin/dashboard consistent */
.page-hero,.game-page-hero{background:linear-gradient(150deg,#0e0b15,#050508)!important;border-bottom:1px solid rgba(255,255,255,.065)!important}
.page-hero .container,.game-page-hero .container{position:relative}
.surface,.product-card,.feature-card,.metric-card,.dash-side,.auth-box,.status-card,.profile-card,.affiliate-panel,.cta-block,.order-card,.detail-purchase,.detail-visual,.glass-card,.status-feature-list,.rules-content .rule-section{background:linear-gradient(145deg,rgba(24,20,32,.87),rgba(9,8,13,.91))!important;border:1px solid rgba(255,255,255,.105)!important;box-shadow:0 18px 60px #0005,inset 0 1px rgba(255,255,255,.035)!important;border-radius:18px;backdrop-filter:blur(19px)}
.raven-side{background:rgba(13,11,19,.92)!important}.raven-side a.active{border-color:rgba(194,158,255,.34)!important;background:rgba(144,87,228,.18)!important}
.premium-product-media{background:#100d18}.media-placeholder{background:linear-gradient(145deg,#261632,#09090e)!important}
.product-main-link{align-self:stretch}.product-status-label{color:#d0b5fa}.product-price{color:#f8f3ff}
.detail-plan.is-selected{background:rgba(139,93,225,.17)!important;border-color:rgba(190,152,255,.5)!important}
.input,.portal-form .input,.admin-form-grid .input{background:#09080c!important;border:1px solid rgba(255,255,255,.17)!important;color:#f2edf8}
.input:focus{border-color:#a47aea!important;outline:1px solid rgba(159,121,240,.2)}
.pill.online{background:rgba(129,79,215,.16)!important;border-color:rgba(166,124,243,.39)!important;color:#e0d0ff!important}
.dash-banner.success{background:rgba(125,79,210,.1)!important;border-color:rgba(162,111,249,.28)!important;color:#d9c7ff!important}
.nav-mobile-toggle{background:#171221!important;border:1px solid rgba(184,149,224,.18)}
footer{background:#040406!important;border-top:1px solid rgba(255,255,255,.09)!important}
footer .brand-symbol{width:30px;height:30px;font-size:16px!important}
@media(max-width:1080px){.launch-grid{gap:32px}.launch-copy h1{font-size:clamp(67px,7vw,106px)}.nav-menu{margin-left:12px;gap:2px}.nav-link{padding:9px 10px}}
@media(max-width:900px){.launch-grid{grid-template-columns:1fr}.launch-showcase{min-height:340px}.showcase-ring.r1{width:180px;height:180px}.showcase-ring.r2{width:280px;height:280px}.showcase-core{width:135px;height:135px}.showcase-core>span:first-child{font-size:80px}.showcase-mini-star{top:30px;right:30px}.launch-copy h1{font-size:clamp(64px,12vw,103px)}.launch-announcement .announcement-right{display:none}}
@media(max-width:760px){.launch-grid{padding:54px 0 38px}.launch-showcase{min-height:295px}.launch-copy p{font-size:14px}.launch-highlights{margin-top:27px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-tile{min-height:260px!important}.container{padding-left:20px;padding-right:20px}.launch-announcement .announcement-copy{display:none}}
@media(max-width:540px){.launch-copy h1{font-size:64px}.game-grid{grid-template-columns:1fr}.game-tile{min-height:238px!important}.section-head h2{font-size:36px!important}.launch-index{font-size:8px}.launch-index span:last-child{display:none}.launch-topline span:last-child{display:none}.launch-showcase{min-height:250px}.showcase-top,.showcase-bottom{font-size:8px}.launch-actions{align-items:stretch}.launch-actions a{flex:1}}

/* BlackGlass status list — admin-controlled state, never inferred from live anti-cheat data. */
.status-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 20px}
.status-legend>span{display:inline-flex;align-items:center;gap:7px;color:#aaa4b4;font-size:12px}
.status-ledger{overflow:hidden;border:1px solid rgba(255,255,255,.13);background:#0d0c10;border-radius:15px;box-shadow:0 24px 80px #0006}
.status-ledger-head{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;color:#aaa1b3;letter-spacing:.16em;font-size:10px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.1);background:#121016}
.status-ledger-row{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 22px;border-bottom:1px solid rgba(255,255,255,.09);color:#f4f2f8;text-decoration:none;transition:background .18s ease}
.status-ledger-row:last-child{border-bottom:0}.status-ledger-row:hover{background:#19151f}
.status-ledger-main{display:flex;align-items:center;gap:13px;min-width:0}
.status-ledger-main strong{font-size:14px;font-weight:730;display:block}
.status-ledger-main small{display:block;margin-top:5px;font-size:11px;color:#9690a0;overflow-wrap:anywhere}
.status-ledger-image{width:47px;height:47px;flex:0 0 47px;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#352045,#090811);display:grid;place-items:center;color:#c7a5f8;font-weight:850}
.status-ledger-image img{width:100%;height:100%;object-fit:cover}
.product-state{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:800;min-width:88px;white-space:nowrap}
.product-state i{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.product-state.state-working{background:rgba(22,169,99,.16);color:#4cef9d;border-color:rgba(32,216,116,.22)}
.product-state.state-testing{background:rgba(25,112,255,.17);color:#70aeff;border-color:rgba(67,133,255,.26)}
.product-state.state-updated{background:rgba(230,167,27,.14);color:#ffca59;border-color:rgba(247,194,44,.23)}
.product-state.state-offline{background:rgba(218,48,65,.16);color:#ff6a75;border-color:rgba(247,67,77,.24)}
.status-no-items{padding:45px 20px;text-align:center;color:#a6a1ad}
.status-updated-note{margin-top:18px}
.product-admin-item .table-actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:640px){.status-ledger-row{padding:13px 12px}.status-ledger-head{padding:12px}.status-ledger-main strong{font-size:12px}.status-ledger-main small{font-size:10px}.status-ledger-image{width:37px;height:37px;flex-basis:37px}.product-state{min-width:77px;padding:7px;font-size:10px}.status-legend{gap:8px}.status-legend>span{font-size:10px}}
.product-admin-item .quick-status{width:auto!important;min-width:132px;font-size:12px;padding:8px 9px;max-width:150px}

/* 2026-10-18 product-publishing UX improvements. */
.catalog-save-feedback{padding:16px 18px;margin:15px 0;background:rgba(132,95,255,.09);border:1px solid rgba(151,115,255,.4);border-radius:12px;color:#f4f1ff;display:flex;align-items:flex-start;flex-direction:column;gap:9px;}
.catalog-save-feedback strong{font-size:15px;}
.catalog-save-feedback p{margin:0;color:#c4bed2;font-size:13px;line-height:1.5;}
.catalog-save-draft{background:rgba(255,186,70,.06);border-color:rgba(255,186,70,.27);}
#product-editor .table-actions{margin-top:18px;flex-wrap:wrap;}
#product-editor [name="save_mode"][value="publish"]{background:linear-gradient(125deg,#7442ec,#a17dff);color:white;border-color:#9d7bff;}

/* Catalog control panel: persistent validation and visible game collections. */
.editor-inline-error:not([hidden]) {display:block;margin:12px 0;padding:12px 14px;border:1px solid rgba(235,97,104,.55);border-radius:10px;background:rgba(114,27,49,.23);color:#ffb7bd;font-size:13px;line-height:1.5}
.catalog-game-collections {margin-bottom:32px}
.catalog-section-kicker {font-size:11px;letter-spacing:.18em;color:#a9a5c2;font-weight:700;margin:0 0 16px}
.catalog-game-collections .game-grid {margin-bottom:0}

/* V7: Make the difference between examples and saved values unmistakable */
.editor-guidance {
  margin: 14px 0 20px; padding: 13px 16px;
  background: rgba(134, 86, 220, .09);
  border: 1px solid rgba(181, 132, 255, .25); border-radius: 12px;
  color: #e4dcf6; line-height: 1.65; font-size: .89rem;
}
.portal-form .input::placeholder { opacity: .52; font-style: italic; }
.portal-form .input:invalid:not(:placeholder-shown) { border-color: rgba(234, 143, 79, .6); }


/* BlackGlass V8 — multi-page administrator console; customer pages unaffected. */
.admin-workspace{padding-top:34px;max-width:1500px}
.admin-dashboard-layout{grid-template-columns:238px minmax(0,1fr)!important;gap:22px;align-items:start}
.admin-dashboard-sidebar{top:86px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3152 transparent}
.admin-dashboard-sidebar .admin-identity{display:flex;flex-direction:row;text-align:left;align-items:center;gap:12px;padding:13px 9px;margin-bottom:18px}
.admin-dashboard-sidebar .admin-identity .big-avatar{width:45px;height:45px;min-width:45px;font-size:20px;box-shadow:none}
.admin-dashboard-sidebar .admin-identity strong{font-size:13px;display:block;overflow-wrap:anywhere}
.admin-dashboard-sidebar .admin-identity small{font-size:10px;color:#a8a0ba}
.admin-nav-caption{font-size:10px;letter-spacing:2px;color:#a48bc3;font-weight:850;margin:13px 10px 6px}
.admin-dashboard-sidebar a.admin-route-link{width:100%;text-decoration:none;font-size:12.5px;padding:11px 12px;display:flex;align-items:center;gap:11px;min-height:40px}
.admin-dashboard-sidebar .admin-route-link svg{width:17px;height:17px;flex-shrink:0;opacity:.86}
.admin-dashboard-sidebar a.admin-route-link.active{background:linear-gradient(90deg,rgba(155,101,249,.24),rgba(155,101,249,.075))!important;border-color:rgba(177,132,254,.34)!important;color:#fff}
.admin-sidebar-divider{height:1px;background:rgba(255,255,255,.12);margin:16px 7px}
.admin-dashboard-main{min-width:0}
.admin-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 29px;margin-bottom:17px;border:1px solid rgba(169,127,234,.2);border-radius:20px;background:radial-gradient(circle at 95% 0%,rgba(140,86,211,.16),transparent 55%),linear-gradient(120deg,#191420,#0c0b11)}
.admin-dashboard-head .eyebrow{font-size:10px;letter-spacing:2px;color:#b799f7}
.admin-dashboard-head h1{font-size:clamp(25px,3vw,34px);letter-spacing:-1px;line-height:1.12;margin:10px 0 7px}
.admin-dashboard-head p{margin:0;color:#a5a0b4;font-size:12.5px;line-height:1.55}
.admin-role-tag{display:flex;align-items:center;gap:7px;flex-shrink:0;border:1px solid rgba(158,105,242,.32);background:rgba(149,91,234,.13);border-radius:999px;padding:9px 12px;font-size:10px;font-weight:850;letter-spacing:1px;color:#d5bcff}
.admin-role-tag .icon{height:14px;width:14px}
.admin-console{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.admin-console>.surface{min-width:0;width:100%;border-radius:17px;padding:25px}
.admin-console .product-admin-item{flex-wrap:wrap}
.admin-console .product-admin-item>div:first-child{min-width:0;flex:1 1 260px}
.admin-console .product-admin-item>.table-actions{flex-wrap:wrap;justify-content:flex-end}
.admin-console code{overflow-wrap:anywhere}
.admin-overview{min-width:0}
.admin-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:29px}
.admin-stat-tile{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;padding:19px 17px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:linear-gradient(135deg,rgba(33,28,44,.95),rgba(13,12,19,.93));text-decoration:none;transition:border-color .2s,transform .2s}
.admin-stat-tile:hover,.admin-quick-card:hover{border-color:rgba(171,122,253,.52);transform:translateY(-2px)}
.admin-stat-icon{color:#ad85fa;margin-bottom:7px}.admin-stat-icon .icon{height:20px;width:20px}
.admin-stat-tile strong{font-size:29px;line-height:1.1;color:#fff}.admin-stat-tile span{font-size:12px;font-weight:800;color:#eee9f8}.admin-stat-tile small{font-size:11px;color:#a7a0b5}
.admin-quick-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:13px}
.admin-quick-heading h2{margin:0;font-size:21px}.admin-quick-heading p{margin:0;font-size:12px;color:#a7a0b4}
.admin-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.admin-quick-card{position:relative;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-height:157px;padding:19px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:linear-gradient(140deg,rgba(33,27,47,.92),rgba(14,12,20,.96));transition:border-color .2s,transform .2s}
.admin-quick-icon{display:grid;place-items:center;height:34px;width:34px;border-radius:10px;color:#bf9dff;background:rgba(153,105,238,.16)}.admin-quick-icon .icon{height:19px;width:19px}
.admin-quick-card strong{color:#fff;font-size:14px}.admin-quick-card small{color:#ada7ba;font-size:11px;line-height:1.45}
.admin-quick-arrow{position:absolute;right:16px;top:13px;color:#b28eef;font-size:19px}
.admin-footer-note{color:#a39eaf;font-size:12px;padding:23px 3px 0;line-height:1.6}
@media(max-width:1190px){.admin-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.admin-dashboard-layout{grid-template-columns:minmax(0,1fr)!important}.admin-dashboard-sidebar{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:13px}.admin-dashboard-sidebar .admin-identity{grid-column:1/-1;margin-bottom:0}.admin-dashboard-sidebar .admin-nav-caption,.admin-sidebar-divider{display:none}.admin-dashboard-sidebar a.admin-route-link{margin-top:0;justify-content:flex-start}.admin-dashboard-sidebar .logout{grid-column:1/-1;margin-top:3px}}
@media(max-width:600px){.admin-workspace{padding-top:18px}.admin-dashboard-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-sidebar a.admin-route-link{font-size:11.5px;padding:9px;gap:6px}.admin-dashboard-head{padding:20px 16px;align-items:flex-start}.admin-role-tag{font-size:0;padding:9px}.admin-role-tag .icon{height:17px;width:17px}.admin-overview-kpis,.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-tile{padding:15px 12px}.admin-quick-card{padding:16px;min-height:140px}.admin-console>.surface{padding:16px}.admin-console .table-actions{flex-wrap:wrap}}
@media(max-width:385px){.admin-overview-kpis,.admin-quick-grid{grid-template-columns:minmax(0,1fr)}}


/* --- SpectraCheats full-black rebrand --- */
:root{
  --bg:#020202;--bg2:#060606;--bg3:#0b0b0b;--surface:#070707;--surface2:#0d0d0d;
  --text:#f4f4f4;--muted:#a7a7a7;--muted2:#7a7a7a;--line:#1c1c1c;--line2:#2a2a2a;
  --green:#f3f3f3;--green2:#c9c9c9;--green3:#111111;--yellow:#f1c55f;--danger:#ff6a6a;
}
::selection{background:#ffffff;color:#000000}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #eaeaea}
body{background:radial-gradient(ellipse 30vw 30vw at 100% 0%,rgba(255,255,255,.02),transparent 70%),radial-gradient(ellipse 28vw 28vw at -10% 44%,rgba(255,255,255,.025),transparent 70%),#020202;color:var(--text)}
.site-banner{background:#050505!important;color:#bdbdbd!important;border-color:#141414!important}
.site-banner b,.site-banner .announcement-copy,.site-banner .announcement-right{color:#f5f5f5!important}
.nav-wrap,.site-banner,footer,.surface,.product-card,.feature-card,.metric-card,.dash-side,.auth-box,.status-card,.rules-content .rule-section,.profile-card,.affiliate-panel,.cta-block,.ticket-help,.order-card,.status-feature-list,.game-tile,.launch-showcase,.admin-shell,.admin-main,.admin-side,.admin-card{background:linear-gradient(180deg,rgba(11,11,11,.96),rgba(5,5,5,.92))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 55px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.03)}
.brand-symbol{background:linear-gradient(180deg,#efefef,#a8a8a8)!important;color:#000!important;box-shadow:0 0 18px rgba(255,255,255,.16)!important}
.brand .word,.color-green,.eyebrow,.text-link,.detail-eyebrow,.detail-support-link:hover,.launch-edition,.accent-soft,.showcase-top,.showcase-bottom b{color:#f3f3f3!important}
.nav-link,.muted,.small,.label,.showcase-status,.footer-about p,.footer-links a,.footer-bottom span{color:#a5a5a5!important}
.btn{background:#f2f2f2!important;color:#050505!important;border-color:#f2f2f2!important;box-shadow:none!important}
.btn:hover{background:#ffffff!important;color:#000!important}
.btn-dark,.btn-outline{background:#0e0e0e!important;color:#f3f3f3!important;border:1px solid rgba(255,255,255,.13)!important}
.btn-dark:hover,.btn-outline:hover{background:#151515!important}
.nav-cart,.nav-mobile-toggle,.cart-count{background:#0d0d0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#f1f1f1!important}
.cart-count{background:#1a1a1a!important}
.hero,.launch-hero{background:radial-gradient(ellipse 55% 55% at 77% 16%,rgba(255,255,255,.03),transparent 70%),#020202!important}
.hero:before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important}
.violet-pulse,.hero-kicker:before{background:#ffffff!important;box-shadow:0 0 12px rgba(255,255,255,.4)!important}
.launch-showcase{position:relative;min-height:515px;border-radius:26px;overflow:hidden;padding:24px 26px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.05),transparent 24%),linear-gradient(160deg,#0c0c0c 0%,#060606 48%,#020202 100%)!important}
.launch-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;opacity:.55;pointer-events:none}
.showcase-skeleton{position:relative;flex:1;display:grid;place-items:center;min-height:360px;isolation:isolate}
.skeleton-radar{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 40px rgba(255,255,255,.02)}
.skeleton-radar-a{width:300px;height:300px}
.skeleton-radar-b{width:410px;height:410px;border-style:dashed;opacity:.65}
.skeleton-svg{width:min(100%,470px);height:auto;position:relative;z-index:2;filter:drop-shadow(0 0 32px rgba(255,255,255,.08))}
.skeleton-svg .esp-box{fill:rgba(255,255,255,.015);stroke:rgba(255,255,255,.18);stroke-width:2}
.skeleton-svg .esp-tag{fill:rgba(10,10,10,.9);stroke:rgba(255,255,255,.16);stroke-width:1.5}
.skeleton-svg .esp-tag-text{fill:#f3f3f3;font:700 16px Inter, sans-serif;letter-spacing:.08em}
.skeleton-svg .sk-bone{stroke:#f6f6f6;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.skeleton-svg .rib,.skeleton-svg .pelvis{stroke:#d9d9d9;stroke-width:4;fill:none;stroke-linecap:round}
.skeleton-svg .sk-node{fill:#0a0a0a;stroke:#ffffff;stroke-width:6}
.skeleton-svg .sk-node.small{stroke-width:4}
.skeleton-svg .hud-card{fill:rgba(8,8,8,.88);stroke:rgba(255,255,255,.13);stroke-width:1.3}
.skeleton-svg .hud-title{fill:#ffffff;font:800 16px Inter, sans-serif;letter-spacing:.14em}
.skeleton-svg .hud-copy{fill:#b7b7b7;font:600 14px Inter, sans-serif}
.showcase-orb,.showcase-ring,.showcase-core,.showcase-mini-star{display:none!important}
.game-tile-visual{background:radial-gradient(circle at 40% 38%,rgba(255,255,255,.04),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.02),transparent),#070707!important}
.game-tile-number,.product-status-label,.product-overline span:first-child{color:#d9d9d9!important}
input,select,textarea,.input{background:#090909!important;color:#f1f1f1!important;border:1px solid rgba(255,255,255,.12)!important}
.pill.online{background:#101010!important;border-color:#2a2a2a!important;color:#efefef!important}
.status-badge.safe{background:#123114!important;color:#8ff08f!important}.status-badge.testing{background:#132745!important;color:#7ab0ff!important}.status-badge.updated{background:#493c10!important;color:#ffd662!important}.status-badge.offline,.status-badge.unsafe{background:#411010!important;color:#ff9b9b!important}

/* Gift-card checkout directly in the checkout page */
.gift-checkout-box{width:100%;flex:0 0 100%;margin-top:14px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(180deg,#101010,#050505)}
.gift-checkout-box h4{margin:0 0 6px;font-size:17px;color:#f3f3f3}
.gift-checkout-box .portal-form{margin-top:14px;display:grid;gap:12px}
.gift-checkout-box .portal-form label{display:grid;gap:6px;max-width:100%}
.gift-checkout-box .portal-form .btn{justify-self:start}
.gift-checkout-box .editor-inline-error{width:100%}
.payment-methods{flex-wrap:wrap}

/* SpectraCheats V11: manual payment methods — pure black surfaces */
.manual-payment-box{background:#070707!important;border:1px solid #242424!important;border-radius:16px;padding:22px;margin:16px 0}
.manual-payment-box h4{margin:0 0 10px;color:#f7f7f7}
.manual-payment-box .transfer-instructions{white-space:pre-wrap;overflow-wrap:anywhere;background:#111;border:1px solid #333;border-radius:10px;padding:15px;color:#e7e7e7;margin:14px 0;line-height:1.6}
.manual-payment-box .portal-form{margin-top:15px}
.gift-checkout-box{background:#070707!important;border-color:#242424!important}

.gift-other-platform{display:none!important}
form:has(select[name="brand"] option[value="Other"]:checked) .gift-other-platform{display:block!important}


/* SpectraCheats logo image update */
.brand-image{padding:0!important;overflow:hidden!important;background:#000!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 0 22px rgba(64,156,255,.16)!important}
.brand-image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.brand-spark{display:none!important}
.nav .brand-symbol.brand-image{width:54px!important;height:54px!important;border-radius:14px!important}
footer .brand-symbol.brand-image, .footer-brand-image{width:44px!important;height:44px!important;border-radius:12px!important}
.brand .word{display:inline-flex;align-items:center;line-height:1}
@media(max-width:560px){.nav .brand-symbol.brand-image{width:42px!important;height:42px!important}.footer-brand-image{width:36px!important;height:36px!important}}


/* V13 unified payment platform selector */
.payment-picker-wrap{display:block;width:100%;border:1px solid #272727;border-radius:17px;padding:20px;background:#050505!important}
.payment-picker-wrap>label{display:block;color:#f2f2f2;font-weight:700;margin:10px 0 18px}
.payment-picker-wrap select{display:block;width:100%;margin-top:8px;padding:13px}
.payment-choice-section{margin-top:14px}
.payment-choice-section[hidden],.gift-other-platform[hidden]{display:none!important}
.payment-picker-wrap .gift-checkout-box{border:1px solid #262626;background:#090909!important;margin:0}
.payment-picker-wrap .manual-payment-box{border-radius:12px;padding:18px}
.payment-picker-wrap .transfer-instructions{font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}
.payment-picker-wrap optgroup{background:#101010;color:#aaa}
.payment-picker-wrap option{background:#101010;color:white}

.payment-picker-wrap .gift-other-platform:not([hidden]){display:block!important}

/* V17: identity photos, neutral text branding */
.nav-account-avatar{display:inline-block;width:24px;height:24px;border-radius:50%;object-fit:cover;vertical-align:middle;flex:none;border:1px solid #3c424d}
.profile-avatar img,.big-avatar img,.dash-profile .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.brand{gap:0!important}

/* V17: product copy follows the cover photo on product detail pages */
.detail-description-below-image{margin:23px 0 7px;max-width:760px}
.detail-description-below-image .detail-subtitle{margin:0 0 12px}
.detail-description-below-image .detail-description{margin:0;overflow-wrap:anywhere}

.demo-product-chip{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #565169;border-radius:8px;color:#c9c5d1;font-size:10px;font-weight:800;letter-spacing:.08em}

/* V21: admin navigation and orders follow normal page scrolling */
@media (min-width:921px){.admin-dashboard-sidebar{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;align-self:start!important}.admin-dashboard-layout{align-items:start!important}}