:root{--bg:#06101d;--p:#0c1a2b;--p2:#102239;--line:#1b334e;--text:#eef8ff;--muted:#8fa6bd;--c:#27d9ff;--b:#527cff;--g:#55e5a8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#13345d,#06101d 38%,#040a12);color:var(--text);font:14px Inter,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.top{height:68px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,calc((100% - 1160px)/2));background:#06101de8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}.brand{font-size:19px;font-weight:800;display:flex;align-items:center;gap:9px}.brand b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--c),var(--b));color:#03101b}.brand span{color:var(--c)}.actions{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}.cart{border:1px solid var(--line);padding:9px 12px;border-radius:11px}.cart i{font-style:normal;background:var(--c);color:#03101b;border-radius:20px;padding:2px 6px;font-size:10px}main{max-width:1160px;margin:auto;padding:22px 16px 45px}.hero{min-height:390px;margin:0 0 32px;padding:40px 28px;border:1px solid #173754;border-radius:26px;background:linear-gradient(120deg,#0a2138,#0b1625);display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden}.hero>div:first-child{max-width:680px}.hero small,.title small,.head small,.panel>small{color:var(--c);font-size:10px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(38px,7vw,66px);line-height:1;margin:12px 0 16px;letter-spacing:-3px}.hero em{font-style:normal;color:var(--c)}p{color:var(--muted);line-height:1.65}.orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#5beaff,#1d66c5 45%,#071222 72%);font-size:34px;font-weight:900;box-shadow:0 0 90px #27d9ff33;flex:none}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 17px;border:0;border-radius:12px;background:linear-gradient(100deg,var(--c),#5b8dff);color:#02101b;font-weight:800;cursor:pointer}.ghost{background:#11253b;color:white;border:1px solid var(--line)}.full{width:100%}.head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 14px}.head h2,.title h1{margin:5px 0;font-size:26px}.head>a{color:var(--c);font-size:13px}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cats a{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(160deg,#0d1d30,#091523);display:flex;flex-direction:column;gap:6px}.cats a:first-child{font-size:27px}.cats b{font-size:14px}.cats small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#0a1727}.art{height:130px;display:grid;place-items:center;font-size:43px;background:linear-gradient(135deg,#122f4d,#0a1728)}.body{padding:13px}.tag{color:var(--c);font-size:9px;font-weight:800;letter-spacing:1.5px}.product h3{font-size:14px;line-height:1.35;margin:7px 0 12px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-size:18px;font-weight:800}.old{font-size:10px;color:#70849a;text-decoration:line-through;margin-left:4px}.small{border:0;border-radius:10px;padding:9px 11px;background:var(--c);color:#03111b;font-weight:800}.notice{margin-top:28px;padding:23px;border-radius:20px;border:1px solid #173754;background:#0b1b2d;display:flex;justify-content:space-between;gap:20px;align-items:center}.title{padding:8px 0 18px}.chips{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.chips button{border:1px solid var(--line);background:#0b1828;color:var(--muted);padding:9px 14px;border-radius:99px;white-space:nowrap}.chips button.on{background:var(--c);color:#03111b}.panel{border:1px solid var(--line);background:linear-gradient(160deg,#0d1d30,#091523);border-radius:18px;padding:20px}.detail{max-width:760px;margin:auto}.detail .art{height:240px;font-size:70px;border-radius:15px;margin-bottom:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.steps b{padding:10px;text-align:center;background:#0b1727;color:var(--muted);border-radius:10px;font-size:12px}.steps .on{background:var(--c);color:#03111b}.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.pay{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.pay button{padding:13px;background:#0b1828;color:white;border:1px solid var(--line);border-radius:12px;text-align:left}.pay .on{border-color:var(--c)}.pay small{display:block;color:var(--muted);margin-top:3px}.demoqr{width:150px;height:150px;margin:10px auto 15px;display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(45deg,#fff 0 5px,#111 5px 10px);color:#111;font-weight:900}.muted{color:var(--muted)}.order{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.support{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.stats>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:#0c1a2b}.stats b{display:block;font-size:26px;margin-top:7px}.adminrow{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}footer{max-width:1160px;margin:auto;padding:30px 16px 50px;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.safe{color:var(--g);font-size:12px}.legal{max-width:760px}.legal h1{font-size:36px}.legal h2{margin-top:28px}@media(max-width:760px){.actions>a:not(.cart){display:none}.hero{min-height:0;padding:28px 20px}.orb{width:110px;height:110px;font-size:22px}.cats,.grid{grid-template-columns:repeat(2,1fr)}.support,.checkout{grid-template-columns:1fr}.notice{display:block}.notice .btn{margin-top:12px;width:100%}footer{display:grid}}@media(max-width:430px){.orb{display:none}.hero h1{font-size:39px}.art{height:105px}.body{padding:11px}.small{padding:8px}.cats a{padding:15px}main{padding-left:13px;padding-right:13px}}
