*{box-sizing:border-box}html{background:#050b08}body{color:#eefaf4;background:radial-gradient(circle at 50% -10%,#123b28 0,#07130d 32%,#050b08 75%);min-height:100vh;margin:0;font-family:Arial,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site{min-height:100vh}.wrap{max-width:1500px;margin:auto;padding:24px 28px 70px}.top{z-index:5;border-bottom:1px solid #173524;justify-content:space-between;align-items:center;max-width:1500px;height:76px;margin:auto;padding:0 28px;display:flex;position:relative}.brand{letter-spacing:.08em;font-size:25px;font-weight:950}.brand span{color:#42f38f}.nav{align-items:center;gap:9px;display:flex}.navLink{color:#a8c8b6;padding:10px 13px;font-size:14px}.btn{color:#eafff2;cursor:pointer;background:#0b1b13;border:1px solid #24523a;border-radius:10px;justify-content:center;align-items:center;padding:11px 16px;display:inline-flex}.btn.primary{color:#041109;background:#32d77d;border-color:#32d77d;font-weight:900}.btn.big{width:100%;margin-top:12px;padding:14px}.catalogHero{background:linear-gradient(125deg,#0a1c13,#09150f 60%,#0b2518);border:1px solid #1a4b32;border-radius:25px;margin:20px 0 25px;padding:55px 48px;position:relative;overflow:hidden}.heroGlow{filter:blur(15px);background:#32d77d22;border-radius:50%;width:520px;height:520px;position:absolute;top:-250px;right:-150px}.eyebrow{letter-spacing:.15em;color:#49e991;font-size:12px;font-weight:900}.catalogHero h1{margin:14px 0;font-size:58px;line-height:1;position:relative}.catalogHero h1 span{color:#43f18e}.catalogHero p{color:#91b9a2;max-width:650px;font-size:16px;position:relative}.heroStats{gap:35px;margin-top:32px;display:flex}.heroStats div{flex-direction:column;gap:3px;display:flex}.heroStats b{font-size:25px}.heroStats span{letter-spacing:.14em;color:#6e927e;font-size:10px}.catalogToolbar{align-items:center;gap:12px;margin:18px 0;display:flex}.searchBox{background:#08140e;border:1px solid #1b4932;border-radius:13px;flex:1;align-items:center;gap:10px;padding:0 15px;display:flex}.searchBox span{color:#46e88a;font-size:25px}.searchBox input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:15px}.resultCount{color:#8eae9d;white-space:nowrap;background:#09160f;border:1px solid #183c2a;border-radius:13px;padding:13px 16px}.filterGroup{margin:15px 0}.filterLabel{letter-spacing:.15em;color:#5f8771;margin-bottom:8px;font-size:10px}.chips{gap:7px;padding-bottom:4px;display:flex;overflow:auto}.chip{color:#91b19e;white-space:nowrap;cursor:pointer;background:#09160f;border:1px solid #183d2b;border-radius:999px;padding:8px 12px;font-size:12px}.chip:hover,.chip.active{color:#dffff0;background:#10301f;border-color:#35dc80}.skinGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.skinCard{background:linear-gradient(145deg,#0a1711,#07100c);border:1px solid #163a29;border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.skinCard:hover{border-color:#2ca866;transform:translateY(-4px);box-shadow:0 12px 35px #0008}.skinImage{aspect-ratio:1.45;background:radial-gradient(circle,#173525,#08110c);justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.skinImage img{object-fit:contain;width:100%;height:100%}.paintBadge{color:#9ed8b5;background:#06100bd9;border:1px solid #2b6043;border-radius:7px;padding:4px 7px;font-size:10px;position:absolute;top:10px;left:10px}.skinInfo{padding:13px}.weaponName{color:#67a482;font-size:11px}.skinName{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:16px;font-weight:850;overflow:hidden}.skinMeta{color:#739482;justify-content:space-between;gap:8px;margin-top:10px;font-size:10px;display:flex}.pagination{color:#789887;justify-content:center;align-items:center;gap:16px;margin:30px 0;display:flex}.pageBtn{color:#dff7e9;cursor:pointer;background:#09160f;border:1px solid #1b4932;border-radius:9px;padding:9px 15px}.pageBtn:disabled{opacity:.35;cursor:not-allowed}.panel{background:#09160f;border:1px solid #173d2a;border-radius:18px;padding:22px}.empty{text-align:center;margin-top:30px}.detailTop{color:#678b77;justify-content:space-between;align-items:center;margin:18px 0;font-size:12px;display:flex}.backLink{color:#48e990}.detailPage{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.detailVisual{padding:15px}.detailImage{background:radial-gradient(circle,#173525,#07100c);border-radius:13px;justify-content:center;align-items:center;height:600px;display:flex}.detailImage img{object-fit:contain;max-width:94%;max-height:94%}.imageHint{text-align:center;color:#4f705e;padding:9px;font-size:10px}.detailInfo{padding:38px}.detailInfo h1{margin:12px 0 5px;font-size:46px}.rarityLarge{font-size:13px;font-weight:800}.detailStats{grid-template-columns:1fr 1fr;gap:10px;margin:30px 0;display:grid}.detailStats div{background:#07120d;border:1px solid #173c2a;border-radius:12px;padding:14px}.detailStats span{color:#62806f;letter-spacing:.1em;margin-bottom:7px;font-size:9px;display:block}.detailStats b{font-size:14px}.tech{color:#759886;margin-bottom:18px;font-size:12px}.saveForm{grid-template-columns:1fr 1fr;gap:10px;display:grid}.saveForm label{color:#759886;font-size:11px}.saveForm input{color:#fff;background:#07120d;border:1px solid #214a35;border-radius:9px;width:100%;margin-top:6px;padding:11px}.saveForm .big{grid-column:1/-1}.loginBox{background:#07120d;border:1px solid #214a35;border-radius:13px;padding:18px}.loginBox p{color:#88a997;font-size:13px;line-height:1.7}footer{text-align:center;color:#486755;border-top:1px solid #112b1f;padding:22px;font-size:11px}@media (max-width:1050px){.skinGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.detailPage{grid-template-columns:1fr}.detailImage{height:480px}}@media (max-width:700px){.wrap{padding:15px 12px 50px}.top{height:auto;min-height:68px;padding:0 14px}.navLink{display:none}.catalogHero{padding:35px 24px}.catalogHero h1{font-size:39px}.heroStats{gap:20px}.skinGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skinImage{padding:9px}.skinInfo{padding:10px}.skinName{font-size:13px}.detailInfo{padding:22px}.detailInfo h1{font-size:34px}.detailImage{height:350px}.catalogToolbar{flex-direction:column;align-items:stretch}}