:root{--bg:#05070b;--bg2:#090d14;--panel:rgba(14,19,29,.76);--panel2:#0e141e;--line:rgba(255,255,255,.08);--line2:rgba(122,246,255,.18);--text:#f4f7fb;--muted:#8f9bab;--cyan:#7af6ff;--cyan2:#16cce0;--violet:#a88cff;--amber:#ffc86a;--green:#66f0ae;--radius:26px;--shadow:0 30px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#111a27 0,#070a10 35%,#05070b 70%);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}::selection{background:rgba(122,246,255,.22);color:white}.shell{width:min(1200px,calc(100% - 44px));margin-inline:auto;position:relative;z-index:2}.noise{position:fixed;inset:0;z-index:-2;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.aurora{position:fixed;width:48vw;height:48vw;border-radius:50%;filter:blur(90px);opacity:.09;z-index:-3;pointer-events:none}.aurora-a{background:var(--cyan2);top:-20vw;left:-16vw;animation:floatA 16s ease-in-out infinite alternate}.aurora-b{background:#7358ff;right:-20vw;top:22vh;animation:floatB 20s ease-in-out infinite alternate}@keyframes floatA{to{transform:translate(18vw,14vh) scale(.8)}}@keyframes floatB{to{transform:translate(-10vw,18vh) scale(1.15)}}#network-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-4;opacity:.38;pointer-events:none}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(to bottom,rgba(5,7,11,.75),rgba(5,7,11,.08));backdrop-filter:blur(0)}.site-header.scrolled{border-color:var(--line);background:rgba(6,9,14,.76);backdrop-filter:blur(18px)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{position:relative;width:34px;height:34px;display:inline-grid;place-items:center;filter:drop-shadow(0 0 14px rgba(122,246,255,.25))}.brand-mark:before,.brand-mark:after,.brand-mark i,.brand-mark b{content:"";position:absolute;inset:3px;border:2px solid var(--cyan);transform:rotate(45deg);border-radius:5px}.brand-mark:after{inset:9px;border-color:rgba(122,246,255,.5)}.brand-mark i{inset:12px;background:var(--cyan);border:0;border-radius:2px}.brand-mark b{inset:0;border-color:rgba(122,246,255,.2)}.brand-copy{display:flex;flex-direction:column;line-height:1.1;direction:ltr;align-items:flex-start}.brand-copy strong{font-size:18px;letter-spacing:2px}.brand-copy small{font-size:7px;letter-spacing:2.4px;color:var(--muted);margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:30px;margin-right:auto;margin-left:auto}.desktop-nav a{font-size:13px;color:#aeb8c7;position:relative;padding:28px 0}.desktop-nav a:after{content:"";position:absolute;bottom:17px;left:50%;right:50%;height:2px;border-radius:2px;background:var(--cyan);transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:white}.desktop-nav a:hover:after,.desktop-nav a.active:after{left:0;right:0}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn,.menu-toggle{height:40px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.icon-btn:hover,.menu-toggle:hover{border-color:rgba(122,246,255,.25);background:rgba(122,246,255,.06)}.icon-btn{min-width:42px;padding:0 10px;gap:7px}.icon-btn span{font-size:20px;line-height:1}.icon-btn kbd{font-size:8px;color:#6f7d90;background:none;border:0}.cart-open{position:relative}.cart-open em{position:absolute;top:-6px;left:-6px;width:18px;height:18px;border-radius:50%;font-style:normal;background:var(--cyan);color:#071013;font-size:10px;display:grid;place-items:center;font-weight:700}.login-btn{height:40px;display:flex;align-items:center;gap:14px;border:1px solid var(--line2);background:linear-gradient(180deg,rgba(122,246,255,.08),rgba(122,246,255,.03));border-radius:12px;padding:0 16px;font-size:12px}.login-btn span{color:var(--cyan)}.menu-toggle{display:none;width:42px;flex-direction:column;gap:5px}.menu-toggle i{width:16px;height:1px;background:white}.mobile-menu{display:none}.hero{min-height:calc(100vh - 82px);padding-top:7vh;padding-bottom:70px;display:flex;flex-direction:column;justify-content:center}.hero-eyebrow,.kicker{font-size:10px;letter-spacing:2px;color:#92a0b1;direction:ltr;display:flex;align-items:center;gap:9px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(102,240,174,.55);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(102,240,174,0)}100%{box-shadow:0 0 0 0 rgba(102,240,174,0)}}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center;margin-top:22px}.hero-copy h1{font-size:clamp(56px,6vw,94px);line-height:1.05;margin:0 0 26px;letter-spacing:-4px;font-weight:800}.gradient-text{background:linear-gradient(90deg,#ffffff 5%,#9ef9ff 47%,#a78cff 100%);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:650px;color:#9ba6b5;font-size:16px;line-height:2;margin:0 0 32px}.hero-actions{display:flex;gap:12px;align-items:center}.primary-btn,.ghost-btn{min-height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:0 22px;font-weight:700;font-size:13px;cursor:pointer;border:0}.primary-btn{background:linear-gradient(135deg,#b9fbff 0,var(--cyan) 45%,#74e6f1 100%);color:#061014;box-shadow:0 10px 36px rgba(78,223,235,.2);position:relative;overflow:hidden}.primary-btn:after{content:"";position:absolute;inset:-2px;transform:translateX(120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:.5s}.primary-btn:hover:after{transform:translateX(-120%)}.primary-btn b{font-size:18px}.ghost-btn{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#d5dbe5}.ghost-btn:hover{background:rgba(255,255,255,.05)}.mini-orb{width:8px;height:8px;background:var(--violet);border-radius:50%;box-shadow:0 0 16px var(--violet)}.trust-row{display:flex;align-items:center;gap:26px;margin-top:44px;direction:ltr}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:16px}.trust-row span{font-size:8px;letter-spacing:1.2px;color:#647084;margin-top:2px}.trust-row>i{height:26px;width:1px;background:var(--line)}.hero-visual{position:relative;min-height:460px;display:flex;align-items:center}.radar-card{width:100%;background:linear-gradient(180deg,rgba(18,26,38,.82),rgba(8,12,19,.88));border:1px solid rgba(255,255,255,.09);border-radius:28px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;transform-style:preserve-3d}.radar-head{height:55px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);direction:ltr;font-size:9px;letter-spacing:1.4px;color:#6e7a8c}.radar-head b{color:#91a198;font-size:8px;display:flex;align-items:center;gap:7px}.radar-head b i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 9px var(--green)}.radar-map{height:315px;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(122,246,255,.07),transparent 38%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.radar-map:after{content:"";position:absolute;width:220px;height:1px;background:linear-gradient(90deg,transparent,rgba(122,246,255,.65));top:50%;left:50%;transform-origin:left center;animation:radar 5s linear infinite}@keyframes radar{to{transform:rotate(360deg)}}.ring{position:absolute;border:1px solid rgba(122,246,255,.08);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:120px;height:120px}.r2{width:240px;height:240px}.r3{width:360px;height:360px}.center-node{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#0b1620;border:1px solid rgba(122,246,255,.33);box-shadow:0 0 40px rgba(122,246,255,.12)}.center-node span{position:absolute;inset:8px;border:1px dashed rgba(122,246,255,.28);border-radius:50%;animation:spin 7s linear infinite}.center-node strong{font-size:10px;letter-spacing:1px;color:var(--cyan)}@keyframes spin{to{transform:rotate(360deg)}}.node{position:absolute;width:10px;height:10px;border-radius:50%;background:#111d27;border:2px solid var(--cyan);z-index:4;box-shadow:0 0 14px rgba(122,246,255,.4)}.node:after{content:attr(data-label);position:absolute;white-space:nowrap;font-size:7px;color:#8491a1;top:13px;left:50%;transform:translateX(-50%)}.n1{left:16%;top:31%}.n2{right:16%;top:33%}.n3{left:12%;bottom:18%}.n4{right:10%;bottom:17%}.radar-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}.radar-map path{fill:none;stroke:rgba(122,246,255,.16);stroke-width:1.2;stroke-dasharray:5 7}.radar-stats{height:66px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);direction:ltr}.radar-stats div{display:flex;align-items:center;justify-content:center;gap:9px;border-left:1px solid var(--line)}.radar-stats div:last-child{border:0}.radar-stats small{font-size:7px;color:#69778a;letter-spacing:1px}.radar-stats strong{font-size:11px}.float-chip{position:absolute;z-index:5;background:rgba(10,15,23,.9);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:10px 14px;display:flex;align-items:center;gap:9px;box-shadow:0 20px 45px rgba(0,0,0,.35);direction:ltr;backdrop-filter:blur(12px);animation:chipFloat 4s ease-in-out infinite alternate}.chip-a{left:-24px;top:70px}.chip-b{right:-18px;bottom:60px;animation-delay:.7s}.float-chip small{display:block;font-size:7px;color:#6e7b8f;letter-spacing:.8px}.float-chip strong{font-size:10px;color:#dffcff}.flag-dot{width:18px;height:18px;border-radius:5px;background:linear-gradient(#ae1c28 0 33%,white 33% 66%,#21468b 66%)}@keyframes chipFloat{to{transform:translateY(-8px)}}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);direction:ltr;font-size:7px;letter-spacing:2px;color:#5c6878;display:flex;align-items:center;gap:9px}.scroll-hint span{width:30px;height:1px;background:#44505f;position:relative;overflow:hidden}.scroll-hint span:after{content:"";position:absolute;width:12px;height:1px;background:var(--cyan);animation:scrollhint 2s infinite}@keyframes scrollhint{from{left:-12px}to{left:30px}}.reveal{opacity:0;transform:translateY(18px);animation:reveal .7s .1s forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.32s}.delay-3{animation-delay:.45s}@keyframes reveal{to{opacity:1;transform:none}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.012)}.marquee>div{height:54px;width:max-content;display:flex;align-items:center;gap:34px;direction:ltr;animation:marquee 26s linear infinite}.marquee span{font-size:9px;letter-spacing:2px;color:#576476}.marquee i{font-style:normal;color:var(--cyan)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-35%)}}.section{padding-top:118px;padding-bottom:36px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head h2,.dashboard-showcase h2,.why-title h2,.support-cta h2{font-size:clamp(31px,3.5vw,48px);line-height:1.25;margin:11px 0 0;letter-spacing:-1.8px}.section-head>a{font-size:11px;color:#8794a6;border-bottom:1px solid var(--line);padding-bottom:7px}.section-head>a span{color:var(--cyan);padding-right:6px}.category-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.category-card{position:relative;min-height:238px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,22,32,.8),rgba(8,12,18,.82));padding:25px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.category-card.big{grid-row:span 2;min-height:490px}.category-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(122,246,255,.09),transparent 68%);left:-120px;bottom:-140px}.category-card:hover{transform:translateY(-4px);border-color:rgba(122,246,255,.18)}.cat-icon{width:60px;height:60px;border-radius:18px;border:1px solid var(--line2);display:grid;place-items:center;color:var(--cyan);font-size:28px;background:rgba(122,246,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.category-card.big .cat-icon{width:86px;height:86px;border-radius:24px}.server-icon{padding:15px;gap:5px}.server-icon i{height:7px;width:100%;border:1px solid rgba(122,246,255,.45);border-radius:3px;position:relative}.server-icon i:after{content:"";position:absolute;right:3px;top:2px;width:2px;height:2px;background:var(--cyan);border-radius:50%}.category-card small{font-size:7px;color:#657387;letter-spacing:1.4px}.category-card h3{font-size:21px;margin:5px 0 5px}.category-card p{font-size:11px;color:#7f8c9f;margin:0;max-width:300px}.category-card.big h3{font-size:31px}.category-card.big p{font-size:13px;line-height:1.9}.card-arrow{position:absolute;top:24px;left:24px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#7a8797;transition:.25s}.category-card:hover .card-arrow{color:#061014;background:var(--cyan);transform:rotate(-45deg)}.category-card em{position:absolute;bottom:18px;left:20px;font-style:normal;font-size:8px;color:#343e4b;direction:ltr}.live-pill{font-size:9px;color:#799188;display:flex;align-items:center;gap:7px;direction:ltr}.live-pill i,.stock i,.online i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(102,240,174,.5)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product-card{min-width:0;border:1px solid var(--line);border-radius:22px;background:linear-gradient(165deg,rgba(16,22,32,.88),rgba(7,10,16,.88));overflow:hidden;transition:.28s;position:relative}.product-card:hover{transform:translateY(-5px);border-color:rgba(122,246,255,.18);box-shadow:0 25px 55px rgba(0,0,0,.25)}.product-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.type-pill{font-size:8px;letter-spacing:1px;border:1px solid var(--line);border-radius:7px;padding:4px 7px;color:#8996a8;direction:ltr}.stock{font-size:8px;color:#789184;display:flex;align-items:center;gap:6px}.product-art{height:155px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(122,246,255,.09),transparent 55%)}.product-card[data-accent=violet] .product-art,.detail-art[data-accent=violet]{background:radial-gradient(circle,rgba(168,140,255,.12),transparent 58%)}.product-card[data-accent=amber] .product-art,.detail-art[data-accent=amber]{background:radial-gradient(circle,rgba(255,200,106,.1),transparent 58%)}.product-card[data-accent=blue] .product-art,.detail-art[data-accent=blue]{background:radial-gradient(circle,rgba(81,156,255,.12),transparent 58%)}.product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,transparent,black,transparent)}.product-art b{font-size:34px;letter-spacing:5px;color:#bdfbff;z-index:2;text-shadow:0 0 24px rgba(122,246,255,.2)}.orbit{position:absolute;width:100px;height:100px;border:1px solid rgba(122,246,255,.16);border-radius:50%;animation:spin 9s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}.orbit:before{top:9px;left:15px}.orbit:after{right:5px;bottom:22px}.product-body{padding:17px 18px 16px}.product-body>small{font-size:8px;color:#637085;direction:ltr;display:block}.product-body h3{font-size:16px;margin:4px 0 12px;min-height:49px}.product-body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.product-body li{font-size:9px;color:#7d899a;position:relative;padding-right:13px}.product-body li:before{content:"";position:absolute;right:0;top:7px;width:4px;height:4px;border:1px solid #536071;border-radius:50%}.product-bottom{border-top:1px solid var(--line);padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.product-bottom>div{display:flex;flex-direction:column}.product-bottom small{font-size:7px;color:#5e6a7b}.product-bottom strong{font-size:12px}.product-bottom>div span{font-size:7px;color:#576477}.product-bottom>a{width:66px;height:36px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#9aa7b9}.product-bottom>a:hover{border-color:var(--line2);color:var(--cyan)}.dashboard-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding-top:150px}.showcase-copy>p{color:#8592a4;line-height:2;font-size:13px;margin:22px 0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.feature-list span{font-size:10px;color:#a2adbc}.feature-list i{font-style:normal;color:var(--cyan);margin-left:5px}.dashboard-mock{min-height:420px;border:1px solid rgba(255,255,255,.09);background:#0b1018;border-radius:26px;box-shadow:var(--shadow);display:grid;grid-template-columns:58px 1fr;overflow:hidden;direction:ltr;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.mock-sidebar{background:#080c12;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:19px;padding-top:18px}.mini-logo{width:28px;height:28px;border:1px solid var(--line2);border-radius:8px;display:grid;place-items:center;color:var(--cyan);font-size:10px;margin-bottom:15px}.mock-sidebar i{width:17px;height:17px;border-radius:5px;background:#111823}.mock-sidebar i.on{background:rgba(122,246,255,.15);border:1px solid var(--line2)}.mock-main{padding:24px}.mock-top{display:flex;justify-content:space-between;align-items:center}.mock-top div{display:flex;flex-direction:column}.mock-top small{font-size:8px;color:#5e6b7e}.mock-top strong{font-size:14px}.avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:grid;place-items:center;color:#091016;font-size:8px;font-weight:700}.mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.mock-metrics div{border:1px solid var(--line);border-radius:14px;padding:13px;background:#0d141e;display:flex;flex-direction:column}.mock-metrics small{font-size:7px;color:#657286}.mock-metrics b{font-size:20px;margin-top:3px}.mock-service{border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;align-items:center;gap:12px}.mock-status{width:38px;height:38px;border-radius:11px;background:rgba(122,246,255,.07);display:grid;place-items:center}.mock-status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.mock-service>div:nth-child(2){display:flex;flex-direction:column}.mock-service small{font-size:7px;color:#627084}.mock-service strong{font-size:11px}.mock-service span{font-size:8px;color:#667487}.mock-service em{margin-left:auto;font-size:8px;color:#738095;font-style:normal}.mock-bars{margin-top:20px;display:flex;flex-direction:column;gap:9px}.mock-bars span{height:7px;width:var(--w);border-radius:9px;background:linear-gradient(90deg,rgba(122,246,255,.34),rgba(168,140,255,.2));position:relative}.mock-bars span:after{content:"";position:absolute;right:-70px;width:55px;height:7px;border-radius:9px;background:#111925}.why-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:13px;padding-top:150px}.why-title{padding-left:25px}.why-card{border-top:1px solid var(--line);padding-top:22px}.why-card>span{font-size:8px;color:var(--cyan);direction:ltr}.why-card h3{font-size:15px;margin:16px 0 10px}.why-card p{font-size:10px;line-height:1.9;color:#778497;margin:0}.support-cta{margin-top:90px;margin-bottom:90px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 85% 30%,rgba(122,246,255,.09),transparent 28%),radial-gradient(circle at 10% 80%,rgba(168,140,255,.08),transparent 25%),rgba(11,16,24,.75);padding:45px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden}.support-cta p{font-size:11px;color:#7e8b9d;margin:12px 0 0}.site-footer{border-top:1px solid var(--line);background:#05070b}.footer-grid{padding-top:55px;padding-bottom:50px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-brand p{max-width:330px;font-size:10px;color:#6f7c8e;line-height:1.9;margin-top:18px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid>div>strong{font-size:10px;margin-bottom:8px}.footer-grid>div>a{font-size:9px;color:#718093}.footer-grid>div>a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);height:62px;display:flex;align-items:center;justify-content:space-between;direction:ltr;font-size:8px;letter-spacing:1px;color:#4e5a69}.footer-bottom i{font-style:normal;color:var(--cyan)}
/* shop */.subhero{padding-top:100px;padding-bottom:65px}.subhero h1{font-size:clamp(47px,6vw,72px);margin:7px 0 12px;letter-spacing:-3px}.subhero p{font-size:13px;color:#8491a3;max-width:650px;line-height:2}.shop-layout{display:grid;grid-template-columns:245px 1fr;gap:28px;padding-bottom:110px}.filters{position:sticky;top:102px;height:max-content;border:1px solid var(--line);border-radius:21px;background:rgba(11,16,24,.75);padding:20px}.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.filter-head strong{font-size:13px}.filter-head button{background:0;border:0;color:#69778a;font-size:8px;cursor:pointer}.filters>label,.select-label{font-size:8px;color:#738094;display:flex;flex-direction:column;gap:7px}.filters input[type=search],.select-label select{height:42px;border:1px solid var(--line);border-radius:11px;background:#090d14;color:white;padding:0 11px;outline:0}.filters input:focus,.select-label select:focus{border-color:var(--line2)}.filter-group{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;display:flex;flex-wrap:wrap;gap:7px}.filter-group>span{width:100%;font-size:8px;color:#6f7c8e;margin-bottom:2px}.filter-chip{border:1px solid var(--line);background:#090d14;color:#8491a2;border-radius:9px;padding:7px 10px;font-size:8px;cursor:pointer}.filter-chip.active,.filter-chip:hover{border-color:var(--line2);color:var(--cyan);background:rgba(122,246,255,.05)}.check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;cursor:pointer}.check input{display:none}.check i{width:14px;height:14px;border-radius:4px;border:1px solid #314052;position:relative;flex:0 0 auto}.check input:checked+i{border-color:var(--cyan);background:rgba(122,246,255,.12)}.check input:checked+i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:8px;color:var(--cyan)}.filter-help{margin-top:22px;padding:15px;border-radius:14px;background:linear-gradient(145deg,rgba(122,246,255,.06),rgba(168,140,255,.03));border:1px solid var(--line)}.filter-help small,.filter-help strong,.filter-help a{display:block}.filter-help small{font-size:7px;color:#6a788b}.filter-help strong{font-size:9px;margin:3px 0 9px}.filter-help a{font-size:8px;color:var(--cyan)}.results-head{height:53px;display:flex;align-items:flex-start;justify-content:space-between}.results-head div{display:flex;align-items:center;gap:9px}.results-head small{font-size:7px;color:#5f6c7f}.results-head strong{font-size:10px}.results-head select{background:#090d14;border:1px solid var(--line);color:#8996a7;border-radius:9px;padding:7px 10px;font-size:8px;outline:0}.shop-products{grid-template-columns:repeat(3,1fr)}.shop-item.hidden{display:none}
/* product */.product-page{padding-top:54px;padding-bottom:110px}.breadcrumb{font-size:8px;color:#657286;display:flex;gap:9px;margin-bottom:22px}.breadcrumb a:hover{color:var(--cyan)}.product-detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:start}.detail-main{min-width:0}.detail-art{height:450px;border:1px solid var(--line);border-radius:28px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(122,246,255,.11),transparent 55%)}.detail-art:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,black,transparent 80%)}.mega-orbit{position:absolute;width:280px;height:280px;border:1px solid rgba(122,246,255,.15);border-radius:50%;animation:spin 16s linear infinite}.mega-orbit:before,.mega-orbit:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.mega-orbit:before{top:30px;left:45px}.mega-orbit:after{right:20px;bottom:72px}.detail-symbol{font-size:72px;letter-spacing:9px;color:#c4fbff;text-shadow:0 0 38px rgba(122,246,255,.25);z-index:2;font-weight:800}.status-float{position:absolute;top:20px;right:20px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:8px;color:#8e9aab;display:flex;align-items:center;gap:7px;background:rgba(5,7,11,.55);backdrop-filter:blur(10px)}.status-float i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.detail-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-top:20px}.detail-tabs button{border:0;background:0;color:#6f7c8e;font-size:9px;padding:14px 3px;cursor:pointer;position:relative}.detail-tabs button.active{color:white}.detail-tabs button.active:after{content:"";position:absolute;bottom:-1px;right:0;left:0;height:2px;background:var(--cyan)}.detail-copy{padding-top:22px}.detail-copy h2{font-size:22px;margin:0 0 7px}.detail-copy>p{font-size:11px;color:#8491a3;line-height:2;max-width:750px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.spec-grid div{border:1px solid var(--line);border-radius:11px;padding:11px 13px;display:flex;align-items:center;gap:8px;font-size:9px;color:#929eae}.spec-grid i{font-style:normal;color:var(--cyan)}.purchase-card{position:sticky;top:102px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(165deg,rgba(17,24,35,.95),rgba(8,12,18,.96));padding:24px;box-shadow:var(--shadow)}.purchase-meta{display:flex;justify-content:space-between}.purchase-card>small{display:block;direction:ltr;text-align:right;font-size:8px;color:#687589;margin-top:18px}.purchase-card h1{font-size:27px;line-height:1.4;margin:3px 0 6px}.rating{display:flex;align-items:center;gap:8px}.rating span{font-size:9px;color:var(--amber);letter-spacing:2px}.rating small{font-size:7px;color:#657286}.price-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:20px 0}.price-box small{display:block;font-size:7px;color:#687589}.price-box strong{font-size:24px;margin-left:5px}.price-box span{font-size:8px;color:#657286}.select-label select{margin-top:3px}.purchase-note{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid rgba(122,246,255,.11);background:rgba(122,246,255,.035);border-radius:12px;margin:15px 0}.purchase-note>i{font-style:normal}.purchase-note div{display:flex;flex-direction:column}.purchase-note strong{font-size:9px}.purchase-note small{font-size:7px;line-height:1.7;color:#708093}.purchase-card .primary-btn{width:100%}.purchase-safe{display:flex;justify-content:space-between;gap:7px;margin-top:15px;border-top:1px solid var(--line);padding-top:13px}.purchase-safe span{font-size:7px;color:#657286}
/* auth */.auth-shell{min-height:calc(100vh - 82px);padding-top:50px;padding-bottom:90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.auth-panel,.auth-visual{border:1px solid var(--line);border-radius:28px;background:rgba(11,16,24,.77);padding:42px}.auth-brand{margin-bottom:55px}.auth-panel h1{font-size:34px;margin:8px 0 8px}.auth-panel>p{font-size:10px;color:#778497;margin-bottom:27px}.auth-panel form{display:flex;flex-direction:column;gap:15px}.auth-panel form>label{font-size:8px;color:#7c899b;display:flex;flex-direction:column;gap:7px}.auth-panel input{height:46px;border:1px solid var(--line);background:#080c12;border-radius:12px;color:white;padding:0 13px;outline:0}.auth-panel input:focus{border-color:var(--line2)}.password-wrap{position:relative}.password-wrap input{width:100%;padding-left:65px}.password-wrap button{position:absolute;left:6px;top:6px;height:34px;border:0;background:#101722;color:#748195;border-radius:8px;font-size:8px;padding:0 10px;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center}.form-row .check,.form-row a{font-size:8px;color:#738094}.primary-btn.full{width:100%}.auth-foot{text-align:center;margin-top:20px;font-size:8px;color:#6f7c8e}.auth-foot a{color:var(--cyan)}.auth-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative;background:radial-gradient(circle at center,rgba(122,246,255,.08),transparent 45%),rgba(8,12,18,.75)}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle at center,black,transparent 75%)}.auth-orb{width:180px;height:180px;border:1px solid rgba(122,246,255,.15);border-radius:50%;display:grid;place-items:center;position:relative;z-index:2}.auth-orb:after{content:"";position:absolute;inset:25px;border:1px dashed rgba(122,246,255,.21);border-radius:50%;animation:spin 12s linear infinite}.auth-orb span{position:absolute;width:240px;height:240px;border:1px solid rgba(168,140,255,.08);border-radius:50%}.auth-orb b{font-size:68px;color:var(--cyan);text-shadow:0 0 34px rgba(122,246,255,.3)}.auth-visual h2{z-index:2;font-size:37px;line-height:1.2;margin:35px 0 10px;direction:ltr}.auth-visual p{z-index:2;font-size:9px;color:#718093}
/* dashboard */.dash-shell{padding-top:28px;padding-bottom:90px;display:grid;grid-template-columns:225px 1fr;gap:22px;align-items:start}.dash-nav{position:sticky;top:100px;border:1px solid var(--line);border-radius:21px;background:rgba(10,15,23,.82);padding:20px;height:calc(100vh - 125px);display:flex;flex-direction:column}.dash-nav nav{margin-top:38px;display:flex;flex-direction:column;gap:6px}.dash-nav nav a{height:40px;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#738094;font-size:9px}.dash-nav nav a span{width:20px;text-align:center;font-size:14px}.dash-nav nav a:hover,.dash-nav nav a.active{background:rgba(122,246,255,.055);color:#dffcff}.dash-user{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;gap:9px}.dash-user>span{width:33px;height:33px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:grid;place-items:center;color:#071014;font-size:8px;font-weight:700}.dash-user div{display:flex;flex-direction:column}.dash-user strong{font-size:8px}.dash-user small{font-size:7px;color:#5f6c7f}.dash-content{padding:18px 0}.dash-top{display:flex;align-items:flex-end;justify-content:space-between}.dash-top h1{font-size:34px;margin:7px 0 2px}.dash-top p{font-size:9px;color:#6e7c8f;margin:0}.primary-btn.small{min-height:42px;padding-inline:15px;font-size:9px}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:30px 0}.dash-metrics>div{border:1px solid var(--line);border-radius:17px;background:rgba(12,18,27,.74);padding:17px;display:flex;flex-direction:column}.dash-metrics span{font-size:8px;color:#718093}.dash-metrics strong{font-size:31px;margin:4px 0}.dash-metrics small{font-size:7px;color:#5d6b7d}.dash-columns{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.dash-card{border:1px solid var(--line);border-radius:18px;background:rgba(12,18,27,.74);padding:19px}.dash-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dash-card-head small{font-size:6px;letter-spacing:1px;color:#576477;direction:ltr}.dash-card-head h2{font-size:15px;margin:2px 0}.dash-card-head a{font-size:7px;color:var(--cyan)}.service-row{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding:14px 0}.service-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:7px;font-weight:700;direction:ltr}.service-icon.cyan{background:rgba(122,246,255,.08);color:var(--cyan);border:1px solid rgba(122,246,255,.15)}.service-icon.violet{background:rgba(168,140,255,.08);color:var(--violet);border:1px solid rgba(168,140,255,.14)}.service-info{display:flex;flex-direction:column;min-width:0}.service-info strong{font-size:9px}.service-info span,.service-info small{font-size:7px;color:#657286}.service-end{margin-right:auto;text-align:left;display:flex;flex-direction:column;align-items:flex-end}.online{font-size:7px;color:#749184;display:flex;align-items:center;gap:5px}.service-end small{font-size:6px;color:#596679}.activity{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:14px 0}.activity>i{width:29px;height:29px;border-radius:9px;background:rgba(122,246,255,.06);display:grid;place-items:center;color:var(--cyan);font-style:normal;font-size:9px}.activity div{display:flex;flex-direction:column}.activity strong{font-size:8px}.activity span{font-size:7px;color:#647185}.activity>small{margin-right:auto;font-size:6px;color:#536073}
/* status */.status-hero h1{display:flex;align-items:center;gap:13px}.status-big-dot{width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:0 0 26px rgba(102,240,174,.65)}.status-list{padding-bottom:110px;max-width:900px}.status-summary{border:1px solid var(--line);border-radius:19px;padding:21px;background:rgba(11,16,24,.72);margin-bottom:12px;display:grid;grid-template-columns:auto 1fr;gap:3px 15px}.status-summary strong{font-size:26px}.status-summary>span{font-size:8px;color:#718093;align-self:center}.uptime-bars{grid-column:1/-1;display:grid;grid-template-columns:repeat(30,1fr);gap:3px;margin-top:13px}.uptime-bars i{height:27px;border-radius:3px;background:linear-gradient(to top,rgba(102,240,174,.28),rgba(102,240,174,.65))}.status-row{height:62px;border:1px solid var(--line);border-radius:15px;padding:0 18px;margin-bottom:8px;background:rgba(11,16,24,.6);display:flex;align-items:center;justify-content:space-between}.status-row div{display:flex;align-items:center;gap:10px}.status-row div i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(102,240,174,.5)}.status-row strong{font-size:10px;direction:ltr}.status-row>span{font-size:8px;color:#729285;direction:ltr}.notfound{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.notfound>span{font-size:100px;font-weight:800;color:#111b27;text-shadow:0 0 30px rgba(122,246,255,.06)}.notfound h1{font-size:30px;margin:-20px 0 5px}.notfound p{font-size:10px;color:#718093;margin-bottom:20px}
/* modal/cart */.search-modal{position:fixed;inset:0;z-index:100;background:rgba(3,5,8,.75);backdrop-filter:blur(16px);display:flex;justify-content:center;padding-top:16vh;opacity:0;pointer-events:none;transition:.22s}.search-modal.open{opacity:1;pointer-events:auto}.search-box{width:min(650px,calc(100% - 28px));height:max-content;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:#0b1018;box-shadow:0 40px 90px rgba(0,0,0,.45);overflow:hidden;transform:translateY(-12px) scale(.98);transition:.22s}.search-modal.open .search-box{transform:none}.search-input-row{height:64px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid var(--line)}.search-input-row>span{font-size:24px;color:var(--cyan)}.search-input-row input{flex:1;background:0;border:0;outline:0;color:white;font-size:14px}.search-input-row kbd{border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:7px;color:#637084}.search-suggestions{padding:15px}.search-suggestions>small{font-size:7px;color:#576477}.search-suggestions a{display:grid;grid-template-columns:44px 1fr 20px;gap:10px;align-items:center;padding:12px;border-radius:12px;margin-top:5px}.search-suggestions a:hover{background:#101721}.search-suggestions a>span{height:34px;border-radius:9px;background:rgba(122,246,255,.06);display:grid;place-items:center;font-size:7px;color:var(--cyan)}.search-suggestions div{display:flex;flex-direction:column}.search-suggestions strong{font-size:9px}.search-suggestions small{font-size:7px;color:#5f6d80}.search-suggestions b{font-size:11px;color:#637084}.cart-drawer{position:fixed;top:0;bottom:0;left:0;width:min(410px,94vw);z-index:110;background:#090d14;border-right:1px solid var(--line);transform:translateX(-102%);transition:.32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-overlay{position:fixed;inset:0;background:rgba(3,5,8,.68);backdrop-filter:blur(5px);z-index:105;opacity:0;pointer-events:none;transition:.25s}.drawer-overlay.open{opacity:1;pointer-events:auto}.cart-head{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 21px}.cart-head div{display:flex;flex-direction:column}.cart-head small{font-size:6px;color:#586578;letter-spacing:1px;direction:ltr}.cart-head strong{font-size:13px}.cart-close{width:33px;height:33px;border-radius:9px;background:#101720;border:1px solid var(--line);color:#8592a4;cursor:pointer}.cart-body{padding:18px;flex:1;overflow:auto}.empty-cart{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-cart>span{font-size:42px;color:#243042}.empty-cart strong{font-size:13px;margin-top:10px}.empty-cart p{font-size:8px;color:#667487}.empty-cart a{font-size:8px;color:var(--cyan);margin-top:4px}.cart-item{border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:8px;display:grid;grid-template-columns:1fr auto;gap:5px}.cart-item strong{font-size:9px}.cart-item span{font-size:8px;color:#798698}.cart-item button{grid-row:1/3;grid-column:2;border:0;background:0;color:#5d6a7c;cursor:pointer}.cart-footer{border-top:1px solid var(--line);padding:17px}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:13px}.cart-footer span{font-size:9px;color:#748194}.cart-footer strong{font-size:12px}.toast{position:fixed;z-index:130;right:24px;bottom:24px;border:1px solid rgba(102,240,174,.15);background:#0c1419;border-radius:13px;padding:12px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 22px 55px rgba(0,0,0,.4);transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.toast>span{width:26px;height:26px;border-radius:8px;background:rgba(102,240,174,.09);display:grid;place-items:center;color:var(--green)}.toast div{display:flex;flex-direction:column}.toast strong{font-size:8px}.toast small{font-size:7px;color:#647185}
@media(max-width:1050px){.desktop-nav{display:none}.menu-toggle{display:flex}.products-grid{grid-template-columns:repeat(2,1fr)}.shop-products{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr 1fr}.category-card.big{grid-row:auto;grid-column:span 2;min-height:300px}.why-grid{grid-template-columns:1fr 1fr}.why-title{grid-column:span 2}.product-detail-grid{grid-template-columns:1fr .75fr}.dash-columns{grid-template-columns:1fr}.dashboard-showcase{gap:35px}.mobile-menu{position:absolute;top:82px;right:22px;left:22px;border:1px solid var(--line);border-radius:16px;background:#0a0f17;padding:10px;box-shadow:var(--shadow);flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:10px 12px;border-radius:9px;font-size:10px;color:#8d99aa}.mobile-menu a:hover{background:#111822;color:white}}
@media(max-width:760px){.shell{width:min(100% - 28px,1200px)}.header-inner{height:70px}.site-header{background:rgba(5,7,11,.68);backdrop-filter:blur(14px)}.brand-copy strong{font-size:15px}.brand-copy small{font-size:6px}.search-open kbd,.login-btn{display:none}.mobile-menu{top:70px;right:14px;left:14px}.hero{min-height:auto;padding-top:60px;padding-bottom:55px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy h1{font-size:clamp(47px,14vw,70px);letter-spacing:-3px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.primary-btn,.ghost-btn{width:100%}.trust-row{gap:15px;justify-content:center}.trust-row strong{font-size:13px}.trust-row span{font-size:6px}.hero-visual{min-height:350px}.radar-map{height:245px}.radar-stats{height:58px}.radar-stats div{gap:5px;flex-direction:column}.float-chip{display:none}.scroll-hint{display:none}.section{padding-top:80px}.section-head{align-items:flex-start}.section-head h2,.dashboard-showcase h2,.why-title h2,.support-cta h2{font-size:31px}.section-head>a{display:none}.category-grid{grid-template-columns:1fr}.category-card.big{grid-column:auto;min-height:260px}.category-card{min-height:210px}.products-grid,.shop-products{grid-template-columns:1fr}.dashboard-showcase{grid-template-columns:1fr;padding-top:100px}.dashboard-mock{min-height:350px;grid-template-columns:45px 1fr;transform:none}.mock-main{padding:15px}.mock-metrics{gap:5px}.mock-metrics div{padding:9px}.mock-service em{display:none}.feature-list{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr;padding-top:100px}.why-title{grid-column:auto}.why-card{padding-bottom:20px}.support-cta{margin-top:60px;margin-bottom:60px;padding:30px 25px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:span 2}.footer-bottom{height:auto;padding:18px 0;flex-direction:column;gap:6px}.subhero{padding-top:70px;padding-bottom:40px}.subhero h1{font-size:48px}.shop-layout{grid-template-columns:1fr}.filters{position:relative;top:auto}.product-detail-grid{grid-template-columns:1fr}.detail-art{height:330px}.detail-symbol{font-size:53px}.mega-orbit{width:200px;height:200px}.purchase-card{position:relative;top:auto}.spec-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;padding-top:25px}.auth-panel{padding:28px 22px}.auth-visual{display:none}.dash-shell{display:block;padding-top:18px}.dash-nav{height:auto;position:relative;top:auto;margin-bottom:10px;padding:14px}.dash-nav nav{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr)}.dash-nav nav a{justify-content:center;padding:0 5px}.dash-nav nav a:nth-child(n+4){display:none}.dash-user{display:none}.dash-top{align-items:flex-start;gap:15px}.dash-top .primary-btn{width:auto;white-space:nowrap}.dash-top h1{font-size:27px}.dash-metrics{grid-template-columns:1fr 1fr}.dash-columns{grid-template-columns:1fr}.service-end{display:none}.status-hero h1{font-size:33px}.uptime-bars{gap:2px}.uptime-bars i{height:20px}.toast{right:14px;left:14px;bottom:14px}.search-modal{padding-top:10vh}}
@media(max-width:420px){.header-actions{gap:6px}.icon-btn{min-width:38px;height:38px}.brand-mark{width:30px;height:30px}.hero-copy h1{font-size:46px}.product-art{height:140px}.trust-row>i{display:none}.trust-row{justify-content:space-between}.purchase-card{padding:19px}.dash-metrics{gap:7px}.dash-metrics>div{padding:13px}.dash-metrics strong{font-size:25px}.service-row{align-items:flex-start}.shop-layout{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.tilt-card{transform:none!important}}


/* =========================================================
   MahiNet v0.2.0 — Black Motion / Depth Visual System
   ========================================================= */
:root{
  --bg:#020303;
  --bg2:#060707;
  --panel:rgba(10,11,12,.84);
  --panel2:#0a0b0c;
  --line:rgba(255,255,255,.095);
  --line2:rgba(148,255,255,.19);
  --text:#f7f7f5;
  --muted:#85898f;
  --cyan:#83f7ff;
  --cyan2:#20d5df;
  --violet:#8e82ff;
  --green:#73edb2;
  --shadow:0 32px 95px rgba(0,0,0,.62);
}
html{background:#020303}
body{
  background:
    radial-gradient(circle at 51% -18%,rgba(87,118,125,.12) 0,transparent 32%),
    radial-gradient(circle at 82% 35%,rgba(74,71,118,.08) 0,transparent 28%),
    linear-gradient(180deg,#040505 0,#020303 52%,#010202 100%);
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-5;
  background:
    linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 88%);
}
.noise{opacity:.075;mix-blend-mode:soft-light}
.aurora{opacity:.035;filter:blur(130px)}
#network-canvas{opacity:.15}
.cursor-spotlight{
  position:fixed;z-index:-1;pointer-events:none;left:0;top:0;width:520px;height:520px;border-radius:50%;
  transform:translate3d(calc(var(--cursor-x,50vw) - 260px),calc(var(--cursor-y,30vh) - 260px),0);
  background:radial-gradient(circle,rgba(118,241,255,.055) 0,rgba(118,241,255,.022) 27%,transparent 69%);
  transition:opacity .25s;opacity:.9;will-change:transform;
}
.ambient-geometry{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.ambient-cross,.ambient-grid{position:absolute;opacity:.16;will-change:transform}
.ambient-cross{
  width:180px;height:180px;
  background-image:
    radial-gradient(circle at center,rgba(255,255,255,.38) 1px,transparent 1.4px);
  background-size:12px 12px;
  mask-image:radial-gradient(circle,#000 0 28%,transparent 72%);
}
.ambient-cross:after{content:"";position:absolute;inset:38%;border:1px solid rgba(255,255,255,.08);transform:rotate(45deg)}
.cross-a{left:2vw;top:43vh}
.cross-b{right:4vw;bottom:6vh;width:240px;height:240px}
.ambient-grid{
  width:210px;height:116px;
  background-image:radial-gradient(circle,rgba(255,255,255,.38) 1px,transparent 1.3px);
  background-size:13px 13px;
  mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);
}
.grid-a{left:28vw;top:16vh}
.grid-b{right:21vw;top:64vh;transform:rotate(-12deg)}
[data-parallax]{will-change:transform}

/* floating segmented header */
.site-header{
  background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;
  padding:10px 0 0;transition:.28s;
}
.site-header .header-inner{
  height:64px;padding:0 14px;border:1px solid rgba(255,255,255,.10);border-radius:18px;
  background:linear-gradient(180deg,rgba(20,21,22,.91),rgba(8,9,10,.90));
  box-shadow:0 14px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(20px);
}
.site-header.scrolled .header-inner{
  background:rgba(8,9,10,.94);border-color:rgba(255,255,255,.13);
  box-shadow:0 16px 46px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.04)
}
.desktop-nav{gap:8px;padding:5px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(0,0,0,.19)}
.desktop-nav a{padding:9px 16px;border-radius:9px;font-size:11px;color:#85888d}
.desktop-nav a:after{display:none}
.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);color:#fff}
.icon-btn,.login-btn,.menu-toggle{
  border-color:rgba(255,255,255,.095);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.login-btn{border-color:rgba(255,255,255,.11)}
.brand-mark{filter:drop-shadow(0 0 12px rgba(122,246,255,.14))}

/* darker home */
.hero{padding-top:9vh}
.hero:before{
  content:"";position:absolute;inset:5% -7% 4%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 64% 42%,rgba(108,246,255,.055),transparent 23%),
    radial-gradient(circle at 33% 65%,rgba(137,128,255,.035),transparent 20%);
}
.hero-copy h1{font-weight:790;text-shadow:0 20px 60px rgba(0,0,0,.68)}
.gradient-text{background:linear-gradient(92deg,#f5f5f3 5%,#a6f8fb 47%,#9d93ff 100%);-webkit-background-clip:text;color:transparent}
.radar-card,.category-card,.product-card,.dashboard-mock,.support-cta,.filters,.dash-card,.status-summary,.status-row{
  background:linear-gradient(165deg,rgba(17,18,19,.84),rgba(6,7,8,.92));
}
.radar-card{border-color:rgba(255,255,255,.105)}
.radar-map{background:
  radial-gradient(circle at center,rgba(111,240,249,.045),transparent 42%),
  linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:auto,34px 34px,34px 34px;
}
.marquee{background:#050606;border-color:rgba(255,255,255,.07)}
.category-card,.product-card{box-shadow:0 22px 60px rgba(0,0,0,.19)}
.depth-card{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease}
.depth-card:hover{border-color:rgba(255,255,255,.145);box-shadow:0 30px 80px rgba(0,0,0,.48)}
.depth-card>*{transform:translateZ(1px)}
.hover-glow:before{
  background:radial-gradient(320px circle at var(--gx,50%) var(--gy,50%),rgba(112,242,250,.085),transparent 60%)!important
}
.product-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(360px circle at var(--gx,50%) var(--gy,50%),rgba(119,244,252,.08),transparent 58%);
  transition:opacity .25s
}
.product-card:hover:before{opacity:1}

/* cinematic product stage */
.product-stage{
  min-height:calc(100vh - 78px);padding-top:44px;padding-bottom:130px;isolation:isolate;
}
.product-stage:before{
  content:"";position:absolute;z-index:-3;left:50%;top:110px;width:72vw;height:72vw;max-width:1050px;max-height:1050px;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(255,255,255,.025),transparent 59%);
  border-radius:50%;
}
.product-stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;position:relative;z-index:3}
.stage-label{font-size:8px;letter-spacing:1.6px;color:#575b61;direction:ltr}
.stage-decor{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:visible}
.stage-watermark{
  position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);
  width:320px;height:320px;border:1px solid rgba(255,255,255,.055);border-radius:74px;
  display:grid;place-items:center;font:800 166px/1 Arial,sans-serif;color:rgba(255,255,255,.042);
  box-shadow:inset 0 0 90px rgba(255,255,255,.018);
}
.stage-watermark:before,.stage-watermark:after{
  content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.018);border-radius:58px;transform:rotate(7deg)
}
.stage-watermark:after{inset:53px;transform:rotate(-8deg)}
.stage-ring{
  position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.026);border-radius:50%;
  left:50%;top:22%;margin-left:-310px
}
.stage-ring:before,.stage-ring:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.022);border-radius:50%;inset:85px}
.stage-ring:after{inset:170px}
.pixel-field{
  position:absolute;width:260px;height:210px;opacity:.36;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.37) 1px,transparent 1.4px);
  background-size:14px 14px;
  mask-image:radial-gradient(ellipse at center,#000 5%,rgba(0,0,0,.72) 37%,transparent 76%);
}
.pf-a{left:-8vw;top:30%}
.pf-b{right:-6vw;top:12%;width:340px;height:250px;transform:rotate(8deg)}
.product-detail-grid.cinematic{
  grid-template-columns:minmax(0,1.45fr) minmax(350px,.72fr);
  gap:28px;align-items:start;direction:ltr;position:relative;z-index:2;
}
.product-detail-grid.cinematic>*{direction:rtl}
.floating-window{
  border:1px solid rgba(255,255,255,.15);border-radius:20px;
  background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(9,9,9,.96));
  box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;transform-style:preserve-3d;will-change:transform;
}
.detail-main{min-width:0}
.window-bar{
  height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.02));direction:ltr
}
.window-bar strong{font-size:10px;color:#d9d9d7;font-weight:700;text-transform:lowercase}
.window-bar small{justify-self:end;font-size:7px;letter-spacing:1.4px;color:#55595f}
.window-dots{display:flex;gap:5px}
.window-dots i{width:11px;height:11px;border-radius:50%;background:#f1f1ef;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.window-bar.compact{margin:-24px -24px 0;height:42px}
.purchase-card .window-bar.compact{border-radius:20px 20px 0 0}
.detail-art{
  height:430px;border:0;border-radius:0;background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%),
    radial-gradient(circle at 69% 48%,rgba(121,243,252,.075),transparent 33%),
    #0a0b0c;
}
.detail-art:before{
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)
}
.art-grid{
  position:absolute;right:10%;top:10%;width:210px;height:180px;opacity:.22;
  background-image:radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1.3px);
  background-size:12px 12px;mask-image:radial-gradient(circle,#000,transparent 73%)
}
.detail-symbol{font-size:86px;color:#ededeb;text-shadow:none;opacity:.91;letter-spacing:13px}
.mega-orbit{border-color:rgba(255,255,255,.075);width:300px;height:300px}
.mega-orbit:before,.mega-orbit:after{background:#e8e8e6;box-shadow:0 0 18px rgba(255,255,255,.27);width:7px;height:7px}
.status-float{
  top:18px;right:18px;background:rgba(7,8,8,.74);border-color:rgba(255,255,255,.095);
  color:#8d9297;border-radius:999px;padding:7px 11px
}
.art-caption{
  position:absolute;left:22px;bottom:18px;direction:ltr;text-align:left;display:flex;flex-direction:column;max-width:60%;z-index:3
}
.art-caption small{font-size:7px;letter-spacing:1.8px;color:#575c62}
.art-caption strong{font-size:11px;color:#a9adaf;font-weight:600;margin-top:4px}
.preview-specs{
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;background:#090a0a;border-top:1px solid rgba(255,255,255,.06)
}
.preview-specs div{
  min-height:58px;border:1px solid rgba(255,255,255,.085);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center
}
.preview-specs small{font-size:7px;color:#53585e;letter-spacing:1px;direction:ltr}
.preview-specs strong{font-size:10px;color:#e7e7e5;margin-top:2px}
.detail-tabs,.detail-copy{margin-left:18px;margin-right:18px}
.detail-copy{padding-bottom:24px}
.purchase-card{
  padding:24px;position:sticky;top:88px;border-radius:20px;background:linear-gradient(180deg,rgba(18,18,18,.97),rgba(8,8,8,.98));
}
.purchase-content{padding-top:19px}
.purchase-card>small{display:none}
.purchase-card h1{font-size:34px;line-height:1.15;margin:9px 0 11px;letter-spacing:-1.4px}
.purchase-content>small{display:block;direction:ltr;text-align:right;font-size:8px;color:#666a70}
.purchase-description{font-size:10px;line-height:1.8;color:#85898f;margin:0 0 18px}
.price-line{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.07);padding-top:15px}
.price-box{border:0;padding:0;margin:0}
.price-box strong{display:block;font-size:28px;line-height:1.2;margin:2px 0 0}
.price-box span{font-size:7px}
.availability-pill{
  border:1px solid rgba(255,255,255,.085);border-radius:999px;padding:7px 9px;font-size:7px;letter-spacing:.6px;color:#8d9297;direction:ltr;white-space:nowrap
}
.availability-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#74d8ff;margin-right:6px;box-shadow:0 0 9px rgba(116,216,255,.55)}
.variant-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 9px}
.variant-head span{font-size:9px;font-weight:700}
.variant-head small{font-size:7px;color:#5f646a}
.variant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.variant-card{
  appearance:none;min-height:82px;text-align:right;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.018);padding:11px 12px;cursor:pointer;
  color:#f5f5f3;transition:.2s
}
.variant-card:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.11);transform:translateY(-1px)}
.variant-card.active{
  border-color:rgba(127,243,249,.24);background:linear-gradient(135deg,rgba(112,241,249,.075),rgba(255,255,255,.022));
  box-shadow:inset 0 0 0 1px rgba(112,241,249,.035)
}
.variant-card span{display:flex;flex-direction:column;padding-left:70px}
.variant-card strong{font-size:10px}
.variant-card small{font-size:7px;color:#686d73;margin-top:3px}
.variant-card b{position:absolute;left:10px;top:10px;font-size:9px;font-weight:700;direction:rtl}
.variant-card em{font-style:normal;position:absolute;right:12px;bottom:9px;font-size:6px;color:#70757b;text-transform:uppercase;letter-spacing:.7px}
.variant-card.active em{color:#8bdfe4}
.purchase-note{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.07)}
.purchase-safe{border-color:rgba(255,255,255,.07)}
.build-tag{font-style:normal;color:#5e6368;margin-inline-start:8px;font-size:7px}

/* motion polish */
.floating-window,.depth-card,.hero-visual,[data-parallax]:not(.stage-watermark){transform:translate3d(var(--px,0px),var(--py,0px),0) rotate(var(--rot,0deg))}
.stage-watermark{transform:translate(calc(-50% + var(--px,0px)),calc(-50% + var(--py,0px))) rotate(var(--rot,0deg))}
.pf-b{--rot:8deg}
.floating-window{transition:transform .16s ease-out,border-color .25s,box-shadow .25s}
.floating-window:hover{border-color:rgba(255,255,255,.19);box-shadow:0 42px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.045)}
.primary-btn.magnetic,.magnetic{will-change:transform}

/* desktop composition intentionally breathes like a visual canvas */
@media(min-width:1280px){
  .product-stage{width:min(1390px,calc(100% - 70px))}
  .product-detail-grid.cinematic{grid-template-columns:minmax(620px,1.52fr) minmax(380px,.72fr);gap:34px}
  .detail-main{transform-origin:60% 50%}
  .purchase-card{margin-top:-6px}
}
@media(max-width:1050px){
  .site-header{padding-top:7px}
  .site-header .header-inner{height:60px}
  .product-detail-grid.cinematic{grid-template-columns:1fr .78fr}
  .stage-watermark{width:250px;height:250px;font-size:128px}
  .variant-grid{grid-template-columns:1fr}
  .variant-card{min-height:68px}
}
@media(max-width:760px){
  .cursor-spotlight,.ambient-geometry{display:none}
  .site-header{padding-top:0}
  .site-header .header-inner{border-radius:0;border-left:0;border-right:0;border-top:0;height:70px}
  .product-stage{padding-top:28px}
  .product-stage-top{margin-bottom:17px}
  .stage-label{display:none}
  .stage-decor{display:none}
  .product-detail-grid.cinematic{grid-template-columns:1fr;gap:14px}
  .floating-window{border-radius:16px;transform:none!important}
  .detail-art{height:315px}
  .window-bar{height:38px}
  .preview-specs{grid-template-columns:1fr 1fr}
  .preview-specs div{min-height:54px}
  .purchase-card{top:auto;margin:0;padding:19px}
  .window-bar.compact{margin:-19px -19px 0;border-radius:16px 16px 0 0}
  .purchase-card h1{font-size:27px}
  .price-line{align-items:center}
  .variant-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:470px){
  .variant-grid{grid-template-columns:1fr}
  .preview-specs{grid-template-columns:1fr}
  .detail-symbol{font-size:56px;letter-spacing:8px}
  .price-line{align-items:flex-start;flex-direction:column}
  .availability-pill{align-self:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .cursor-spotlight,.ambient-geometry{display:none!important}
  [data-parallax],.floating-window,.depth-card,.hero-visual{transform:none!important}
}

/* === MahiNet v0.3.0 — commerce core / account / admin === */
.flash{margin-top:96px;padding:14px 18px;border:1px solid;border-radius:14px;position:relative;z-index:8;font-size:14px}
.flash-error{background:rgba(255,73,110,.08);border-color:rgba(255,73,110,.28);color:#ffc2cf}
.flash-success{background:rgba(66,229,166,.08);border-color:rgba(66,229,166,.25);color:#aaf5d1}
.logout-link{width:100%;margin-top:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#a9b0bf;border-radius:12px;padding:10px 12px;cursor:pointer}
.logout-link:hover{color:#fff;border-color:rgba(111,240,255,.25)}
.empty-state{padding:28px;border:1px dashed rgba(255,255,255,.11);border-radius:16px;text-align:center;color:#939aa8}
.empty-state strong{display:block;color:#fff;margin-bottom:7px}.empty-state a{color:#7af4ff}.empty-state p{margin:6px 0 0}
.order-table{display:grid;gap:10px}.order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:14px}.order-row strong{display:block}.order-row small{display:block;color:#747c8b;margin-top:4px}.order-row b{white-space:nowrap}.order-status{font-size:11px;border-radius:999px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.status-delivered,.status-paid{color:#8ff2c4;background:rgba(68,224,161,.07);border-color:rgba(68,224,161,.18)}.status-processing{color:#9ed7ff;background:rgba(87,169,255,.07)}.status-cancelled{color:#ff9bad;background:rgba(255,93,122,.07)}
.checkout-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px;padding-bottom:90px}.checkout-card,.checkout-side>div,.admin-form-card,.admin-list-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(17,19,24,.94),rgba(9,11,16,.96));border-radius:22px;box-shadow:0 22px 80px rgba(0,0,0,.24)}.checkout-card{padding:24px}.checkout-side{display:grid;gap:14px;align-content:start}.security-card{padding:18px;display:flex;gap:13px}.security-card>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(117,244,255,.06);border:1px solid rgba(117,244,255,.12);color:#7af4ff;flex:0 0 auto}.security-card p{margin:5px 0 0;color:#7e8795;font-size:13px;line-height:1.8}.checkout-line{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.checkout-line strong{display:block}.checkout-line small{display:block;color:#78808e;margin-top:4px}.checkout-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.checkout-total strong{font-size:22px}.checkout-note{color:#737b89;font-size:12px;line-height:1.8;margin:12px 0 0}.primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
.admin-shell{padding-top:132px;padding-bottom:90px}.admin-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-head h1{margin:6px 0 8px;font-size:clamp(30px,4vw,54px)}.admin-head p{color:#858d9b;margin:0}.admin-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.admin-cards .category-card{min-height:190px}.admin-products-grid{display:grid;grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}.admin-form-card,.admin-list-card{padding:22px}.admin-form-card h2,.admin-list-card h2{margin:0 0 18px}.admin-form{display:grid;gap:12px}.admin-form label,.catalog-row label{display:grid;gap:7px;color:#8e96a4;font-size:12px}.admin-form input,.admin-form select,.admin-form textarea,.catalog-row input,.catalog-row select,.admin-order-row select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);background:#0b0e14;color:#f3f5f8;border-radius:11px;padding:11px 12px;outline:none}.admin-form input:focus,.admin-form textarea:focus,.catalog-row input:focus{border-color:rgba(118,239,255,.35);box-shadow:0 0 0 3px rgba(118,239,255,.04)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog-row{display:grid;grid-template-columns:minmax(200px,1.7fr) 150px 105px 100px 75px;align-items:end;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.055)}.catalog-row>div small{display:block;color:#687180;font-size:10px;margin-bottom:6px}.catalog-row button,.admin-order-row button{border:1px solid rgba(114,239,255,.18);background:rgba(114,239,255,.07);color:#bdf9ff;border-radius:10px;padding:11px;cursor:pointer}.compact-check{align-self:center!important}.order-admin-list{display:grid;gap:0}.admin-order-row{display:grid;grid-template-columns:minmax(220px,1fr) 160px 190px 100px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}.admin-order-row small{display:block;color:#747d8b;margin-top:4px}.admin-order-row>b{white-space:nowrap}.auth-panel form{display:grid;gap:14px}.auth-panel form>label{display:grid;gap:8px;color:#a0a7b4;font-size:12px}.auth-panel form input{box-sizing:border-box;width:100%}
@media(max-width:980px){.checkout-shell,.admin-products-grid{grid-template-columns:1fr}.admin-cards{grid-template-columns:1fr}.catalog-row{grid-template-columns:1fr 1fr}.catalog-row>div{grid-column:1/-1}.admin-order-row{grid-template-columns:1fr 1fr}.admin-order-row>div{grid-column:1/-1}}
@media(max-width:680px){.admin-shell{padding-top:110px}.admin-head{display:block}.admin-head>a{margin-top:14px}.checkout-shell{padding-bottom:60px}.form-pair,.catalog-row,.admin-order-row{grid-template-columns:1fr}.catalog-row>*{grid-column:auto!important}.order-row{grid-template-columns:1fr auto}.order-row>b{grid-column:1/-1}.flash{margin-top:82px}.admin-form-card,.admin-list-card,.checkout-card{padding:17px}}