:root{color-scheme:dark;--bg:#030914;--panel:#081728;--line:#1c425c;--cyan:#49e7ff;--gold:#ffd66e;--text:#eff7ff;--muted:#99adbf;--purple:#9672ff;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#11264b80,transparent 42%),var(--bg)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.6;cursor:default}.shell{width:min(1260px,calc(100% - 64px));margin:auto}.site-header{min-height:110px;display:flex;align-items:center;gap:40px;border-bottom:1px solid #173044}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:23px;letter-spacing:-.6px;white-space:nowrap}.brand b{color:var(--cyan)}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:5px}.brand-mark{display:grid;place-items:center;width:46px;height:48px;border:1px solid var(--cyan);border-radius:12px 3px 12px 3px;color:var(--cyan);font-size:34px;background:linear-gradient(135deg,#134762,#061322);box-shadow:0 0 25px #29dfff1c}.site-header nav{display:flex;gap:30px;margin:auto;font-size:13px;align-items:center}.nav-active{color:var(--cyan)}.local-status{font-size:9px;letter-spacing:1.3px;color:var(--muted);display:flex;align-items:center;gap:8px}.local-status i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.text-button{border:0;background:none;padding:10px 0;min-height:44px;font-size:13px;text-align:left}.cyan{color:var(--cyan)}.panel{border:1px solid #23617d;border-radius:22px 5px 22px 5px;background:linear-gradient(125deg,#10243b88,#071321e6);box-shadow:inset 0 0 28px #18bfff05,0 12px 40px #0003;position:relative}.panel:before{content:'';position:absolute;top:-1px;left:24px;width:80px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hero{margin-top:32px;min-height:394px;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;background:radial-gradient(ellipse at 85% 60%,#14395b88,transparent 55%),linear-gradient(115deg,#0a1a2b,#060e20)}.hero-copy{padding:44px 0 34px 42px;z-index:1}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{height:4px;width:4px;background:var(--cyan)}h1{font-size:clamp(32px,3.7vw,52px);line-height:1.12;letter-spacing:-1.7px;margin:20px 0}h1 em{font-style:normal;color:var(--cyan)}.hero p{color:#b1c1d0;font-size:14px;line-height:1.8;margin-bottom:24px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:46px;padding:12px 20px;border-radius:9px 2px 9px 2px;border:1px solid #389db7;background:linear-gradient(120deg,#12364d,#0a2035);font-size:11px;font-weight:800;letter-spacing:.8px;transition:background .15s,box-shadow .15s}.primary{background:linear-gradient(110deg,#ffe297,#efbf52);color:#10202c;border-color:#f8d277;box-shadow:0 4px 24px #ffcf6014}.primary:hover{background:#ffe7a7}.secondary:hover{background:#143b51;box-shadow:0 0 18px #28dcff18}.hero-note{display:flex;gap:20px;font-size:9px;color:#8da4b7;margin-top:20px}.hero-note span:before{content:'◇';margin-right:6px;color:var(--cyan)}.hero-art{position:relative;min-height:390px;background-image:radial-gradient(#4ca0c355 1px,transparent 1px);background-size:29px 29px;mask-image:linear-gradient(to right,transparent,black 15%)}.hero-disc{position:absolute;left:14%;right:7%;top:24%;bottom:14%;background:radial-gradient(ellipse,#15b9e31c,transparent 65%);border-radius:50%;border:1px solid #418aa630;transform:rotate(-20deg)}.orbit{position:absolute;border:1px solid #42dcff45;border-radius:50%;transform:rotate(-27deg);width:400px;height:220px;top:25%;left:4%;box-shadow:0 -2px 12px #19ceff10}.orbit-b{transform:rotate(45deg);border-color:#8a69ff30;width:330px;height:280px;left:15%;top:15%}.hero-bag{position:absolute;width:166px;height:181px;left:31%;top:31%;border:1px solid #62d7ee;border-radius:10px 10px 24px 8px;transform:rotate(-12deg);background:linear-gradient(125deg,#26728690,#0b203e 55%,#283f7288);box-shadow:-15px 15px 40px #001b2b,0 0 40px #23d5ff1a,inset 2px 2px 2px #c4faff44}.hero-bag:before{content:'';position:absolute;width:69px;height:59px;border:5px solid #6fb1c5;border-bottom:0;border-radius:40px 40px 0 0;top:-52px;left:48px;box-shadow:inset 2px 0 #c4edff}.hero-bag span{display:grid;place-items:center;height:100%;font-size:70px;font-weight:800;color:#8ff1ff;text-shadow:0 0 35px #55d9ff66;letter-spacing:-6px}.hero-bag i{position:absolute;inset:12px;border:1px solid #a1d9f322;border-radius:6px}.art-label{position:absolute;font-size:8px;letter-spacing:1.5px;background:#081728d9;border:1px solid #32657e;padding:10px 14px;border-radius:5px;color:#a3cfdf}.label-a{right:7%;top:18%}.label-b{bottom:15%;left:3%;color:var(--gold);border-color:#6e6342}.art-cross{position:absolute;color:var(--gold);font-size:24px}.cross-a{left:12%;top:21%}.cross-b{right:14%;bottom:18%;color:var(--cyan)}section.categories-section{margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}h2{font-size:25px;letter-spacing:-.7px;margin:4px 0}h3{line-height:1.4}.count-pill{border:1px solid #235268;border-radius:20px;padding:3px 7px;margin:0 8px;font-size:10px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category-tile{min-height:112px;border:1px solid #23455d;border-radius:13px 4px 13px 4px;background:linear-gradient(145deg,#0c2031,#081322);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 8px;font-size:12px;text-align:center;transition:border-color .15s,transform .15s}.category-tile:hover{border-color:var(--cyan);transform:translateY(-2px);background:#102a3d}.category-tile svg{color:var(--cyan);width:27px;height:27px;filter:drop-shadow(0 0 7px #37dfff33)}.category-tile small{font-size:10px;color:var(--muted)}.catalog{margin-top:42px;scroll-margin-top:24px}.demo-badge{color:#c9b580;font-size:9px;letter-spacing:1px;border:1px solid #61543c;padding:6px 9px;border-radius:4px;line-height:1.5}.filter-panel{padding:20px;display:grid;grid-template-columns:1fr 1.4fr;gap:22px;border-color:#24485d}.search-label,label{font-size:11px;color:#afc4d5;display:block;line-height:1.6}.search-box{display:flex;align-items:center;background:#040d19;border:1px solid #25495f;border-radius:7px;margin-top:5px;height:44px;padding-left:12px;gap:9px}.search-box>span{font-size:25px;color:var(--cyan)}input,select{min-width:0;min-height:44px;background:#050f1e;border:1px solid #2b4b62;border-radius:6px;padding:10px 12px;color:var(--text);width:100%;font-size:12px}.search-box input{border:0;background:none;padding-left:0}.search-box button{width:44px;height:42px;border:0;background:none;color:var(--cyan);font-size:22px;flex-shrink:0}.select-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.select-filters select{margin-top:5px}.results-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin:10px 0}.active-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.active-filters button{border:1px solid #33637a;border-radius:20px;padding:9px 12px;background:#0d2636;color:#a6edff;font-size:11px;min-height:40px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border:1px solid #25475f;border-radius:15px 4px 15px 4px;overflow:hidden;background:linear-gradient(150deg,#102136,#07111f);transition:border-color .2s,transform .2s}.product-card:hover{border-color:#4aa7bd;transform:translateY(-3px)}.product-art{height:203px;background:radial-gradient(ellipse at 50% 60%,#1a53654d,transparent 65%),linear-gradient(140deg,#0d1f31,#06101d);position:relative;display:grid;place-items:center;overflow:hidden}.product-art:after{content:'';position:absolute;bottom:28px;left:20%;right:20%;height:18px;border-radius:50%;background:#39b8d81a;filter:blur(6px)}.product-art.purple{background:radial-gradient(ellipse at 50% 60%,#4b33624d,transparent 65%),#0b1428;color:#b6a1ed}.product-art.gold{background:radial-gradient(ellipse at 50% 60%,#76623a3d,transparent 65%),#101b26;color:#e4cd94}.product-art.cyan{color:#8ad1e5}.product-art svg{width:130px;height:130px;filter:drop-shadow(0 15px 10px #0008);z-index:1}.art-example{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1.4px;color:#a1b7c8}.art-caption{position:absolute;bottom:11px;color:#697f93;font-size:9px;letter-spacing:1px}.product-body{padding:17px}.product-category{font-size:9px;color:var(--cyan);letter-spacing:1.1px;text-transform:uppercase}.product-body h3{font-size:15px;font-weight:650;margin:8px 0;min-height:42px}.product-body p{font-size:11px;color:var(--muted);margin:8px 0 12px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:17px}.tags span{font-size:9px;padding:4px 7px;border:1px solid #264157;border-radius:4px;color:#b8c6d5}.product-body .secondary{width:100%;justify-content:space-between;font-size:10px}.empty{text-align:center;padding:40px;color:var(--muted)}.empty>span{font-size:36px;color:var(--cyan)}.empty h3{color:var(--text)}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0;padding:28px 0;border-top:1px solid #193042;border-bottom:1px solid #193042;gap:24px}.trust-strip>div{display:flex;align-items:center;gap:15px}.trust-strip>div>span{color:var(--cyan);font-size:28px}.trust-strip p{margin:0;font-size:12px}.trust-strip small{display:block;color:var(--muted);font-size:10px;margin-top:6px}footer.shell{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:32px}footer p{font-size:11px;color:var(--muted);line-height:1.8}.footer-brand{font-size:19px}.premium-dialog{width:min(780px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--text);border:1px solid #4ab3cb;border-radius:20px 5px 20px 5px;background:radial-gradient(at top right,#12375166,transparent 60%),#071222;padding:28px;box-shadow:0 0 60px #00b7ff15}.premium-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.close{border:1px solid #31576b;background:#0d2234;border-radius:7px;width:44px;height:44px;font-size:25px;flex-shrink:0}.muted{font-size:12px;line-height:1.8;color:var(--muted)}.all-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.all-category-grid .category-tile{min-height:110px}.product-dialog{width:min(650px,calc(100% - 32px))}.product-dialog .product-art{height:240px;border-radius:10px}.product-dialog h2{margin:20px 0 10px}.product-dialog .tags{margin-top:15px}.notice{padding:14px;border:1px solid #5a5038;border-radius:7px;color:#d3c097;font-size:12px;line-height:1.7}.admin-form{display:grid;grid-template-columns:1fr 100px;gap:12px;padding:16px;border:1px solid #25485b;border-radius:10px}.admin-form .check,.admin-form .primary,.admin-form .text-button{grid-column:1/-1}.check{display:flex;gap:9px;align-items:center}.check input{width:18px;min-height:18px}.config-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.file-label{position:relative;overflow:hidden;cursor:pointer}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #19384b;gap:12px;font-size:13px}.admin-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#112c3d;border:1px solid var(--cyan);border-radius:10px;z-index:5;font-size:12px;max-width:90vw}.skip{position:absolute;top:-100px;left:15px;z-index:99;background:#fff;color:#000;padding:14px}.skip:focus{top:10px}
@media(min-width:1450px){.hero{min-height:420px}.hero-copy{padding-top:50px}}
@media(max-width:1000px){.shell{width:calc(100% - 40px)}.site-header{gap:20px}.local-status{display:none}.site-header nav{margin-left:auto;margin-right:0}.hero-copy{padding-left:28px}.hero-art{min-width:0}.hero-bag{left:25%}.orbit{width:300px}.label-a{right:3%;font-size:7px}.hero-note{flex-direction:column;gap:8px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-tile{min-height:102px}.filter-panel{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-art{height:190px}.trust-strip{gap:12px}.trust-strip small{line-height:1.5}}
@media(max-width:650px){.shell{width:calc(100% - 28px)}.site-header{min-height:90px;flex-wrap:wrap;gap:10px;padding:16px 0}.brand{font-size:19px}.brand-mark{width:38px;height:40px}.brand small{font-size:8px;letter-spacing:2px}.site-header nav{gap:16px;font-size:12px}.site-header nav>a:first-child{display:none}.hero{grid-template-columns:1fr;margin-top:20px}.hero-copy{padding:28px 24px}.hero-art{display:none}h1{font-size:38px}.hero .eyebrow{font-size:8px}.hero-note{flex-direction:row;flex-wrap:wrap}.section-heading{align-items:flex-start;gap:10px}h2{font-size:21px}.eyebrow{font-size:8px}.section-heading .demo-badge{max-width:110px;font-size:8px}.category-grid{gap:8px}.category-tile{font-size:11px;padding:12px 6px}.select-filters{grid-template-columns:1fr 1fr}.select-filters label:first-child{grid-column:1/-1}.filter-panel{padding:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{height:160px}.product-art svg{width:100px;height:100px}.product-body{padding:12px}.product-body h3{font-size:13px;min-height:40px}.product-category{font-size:8px;letter-spacing:.5px}.product-body .secondary{padding:10px 9px;font-size:9px;gap:5px}.trust-strip{grid-template-columns:1fr;padding:22px 0;gap:22px}footer.shell{align-items:flex-start;flex-direction:column;gap:7px}.all-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-dialog{padding:20px}.config-actions .secondary{width:100%}.hero-copy p{font-size:13px}.section-heading .text-button{white-space:nowrap}.results-line{gap:15px}.results-line p{line-height:1.6}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
