:root{--bg:#070d14;--panel:#0d1823;--line:#254155;--muted:#94a9bb;--blue:#2589ed;--gold:#ffc440}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f8fc;font:13px Manrope,Arial}header{height:68px;padding:0 max(22px,6vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a3041;background:#0a121c;position:sticky;top:0;z-index:4}.logo{font:16px 'Russo One';text-decoration:none;color:#fff}.logo i{font-style:normal;background:#2d89e5;color:#06101a;border-radius:50%;padding:4px 8px;margin-right:7px}.logo small{font:9px Manrope;color:#61b5ff;margin-left:4px}nav{display:flex;gap:23px}nav a{color:#a2b7c8;text-decoration:none;font-size:11px;cursor:pointer}#account{display:flex;gap:8px}button,.hero a{cursor:pointer;border:0;border-radius:7px;font:800 11px Manrope}.login,.cart-btn{background:#132434;border:1px solid var(--line);color:#e8f2fb;padding:9px 12px;text-decoration:none}.cart-btn b{color:var(--gold);margin-left:6px}.hero{text-align:center;min-height:385px;padding:85px 20px;background:radial-gradient(ellipse at 50% 45%,#13528c62,transparent 52%),linear-gradient(#09121c,#070d14)}.hero p,.heading p,.about p,.modal section>p{color:#56adfc;font-size:10px;letter-spacing:1.4px;font-weight:800}.hero h1{font:clamp(38px,7vw,70px)/.96 'Russo One';margin:10px 0}.hero h1 b{color:#45a0f5}.hero>span{color:#a9b9c8;display:block;margin:18px auto 26px;max-width:440px}.hero a,#order,.modal form button{display:inline-block;background:linear-gradient(100deg,#1874d1,#359bf7);padding:13px 18px;color:#fff;text-decoration:none}.info{max-width:960px;margin:-31px auto 0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px}.info div{background:#0e1a26;border:1px solid var(--line);border-radius:9px;padding:15px;color:#5eaff6}.info b,.info span{display:block;margin-left:23px}.info b{margin-top:-17px;color:#edf6ff;font-size:11px}.info span{color:#8299ad;font-size:9px;margin-top:3px}#catalog{max-width:1060px;margin:0 auto;padding:68px 20px}.heading{text-align:center}.heading h2,.about h2,.bar h2,.modal h2{font:25px 'Russo One';margin:0}.tools{display:grid;justify-items:center;gap:14px;margin:25px 0}.tools input{width:min(440px,100%);padding:11px 14px;background:#0b151e;border:1px solid var(--line);border-radius:8px;color:white;outline:0}.cat{padding:7px 11px;background:#0b151e;border:1px solid var(--line);color:#9db2c2;border-radius:20px;margin:3px}.cat.active{background:#2589ed;color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product{min-height:332px;background:#0d1822;border:1px solid #203a4d;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.product img{width:100%;height:135px;object-fit:cover;background:#142637}.product div{padding:12px;display:flex;flex-direction:column;flex:1}.product h3{margin:0 0 8px;text-align:center;font-size:12px}.product p{font-size:9px;color:#829cb0;text-align:center;line-height:1.5;margin:0}.product .bottom{border-top:1px solid #21384a;margin-top:auto;padding:10px 0 0;display:block}.bottom small{color:#89a3b7}.bottom b{float:right;color:var(--gold)}.bottom button{margin-top:10px;width:100%;padding:8px;background:#267fda;color:#fff}.about{background:#0c1722;border-top:1px solid #1b3141;padding:66px max(20px,calc((100vw - 900px)/2));display:flex;gap:80px}.about>div{flex:1}.about span{line-height:1.8;color:#98aabd}.about ul{margin:0;display:grid;align-content:center;gap:13px;list-style:none;padding:0;color:#c9d9e7;font-weight:700}.about li{padding:11px;border:1px solid #274154;border-radius:7px}.about li::first-letter{color:#54b1fa}#cart{position:fixed;z-index:8;right:0;top:0;bottom:0;width:min(380px,100%);padding:20px;background:#0d1823;border-left:1px solid var(--line);transform:translateX(100%);transition:.22s;display:flex;flex-direction:column}#cart.open{transform:none}.bar{display:flex;justify-content:space-between;border-bottom:1px solid #264052;padding-bottom:12px}.bar button,.x{background:none;color:#b5c9d9;font-size:28px}.cart-item{display:flex;gap:9px;border-bottom:1px solid #203748;padding:12px 0}.cart-item img{width:45px;height:45px;object-fit:cover;border-radius:5px}.cart-item b{font-size:11px}.cart-item small{display:block;color:var(--gold);margin-top:4px}.cart-item button{margin-left:auto;background:transparent;color:#fb8190;font-size:18px}.cart-items{flex:1;overflow:auto}.total{display:flex;justify-content:space-between;border-top:1px solid #284356;padding:15px 0;color:#9fb4c5}.total b{color:var(--gold)}#order{width:100%}.modal{display:none;position:fixed;z-index:9;inset:0;background:#000b;overflow:auto;padding:40px 20px}.modal.open{display:block}.modal section{max-width:620px;margin:auto;background:#0d1823;border:1px solid #31516a;border-radius:13px;padding:26px;position:relative}.x{position:absolute;right:10px;top:4px}.modal form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal input,.modal select,.modal textarea{padding:10px;background:#09131d;border:1px solid #29465d;border-radius:6px;color:#eaf5ff;font:11px Manrope}.modal textarea,.modal form button{grid-column:1/-1}.modal textarea{min-height:70px;resize:vertical}#logs{display:grid;gap:6px;max-height:220px;overflow:auto}.log{border:1px solid #223e52;border-radius:6px;padding:8px;color:#a7bdcc;font-size:10px}#toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%,100px);background:#268be9;padding:12px 18px;border-radius:7px;font-weight:bold;transition:.2s}#toast.show{transform:translate(-50%,0)}@media(max-width:700px){nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.about{flex-direction:column;gap:20px}.info{grid-template-columns:1fr}.hero{padding-top:60px}.modal form{grid-template-columns:1fr}}@media(max-width:390px){.grid{grid-template-columns:1fr}}