:root{--navy:#071326;--blue:#0b2b66;--gold:#f4c43d;--text:#eaf2ff;--muted:#8fa4c4;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#132033}.topbar{background:#061020;color:#cfe0ff;padding:9px 30px;display:flex;gap:25px;font-size:14px;flex-wrap:wrap}.nav{height:72px;background:#08162b;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5;box-shadow:0 5px 20px #0004}.brand{font-weight:800;color:white;text-decoration:none;font-size:22px}.nav nav{display:flex;gap:22px;align-items:center}.nav a{color:white;text-decoration:none;font-weight:700}.nav .quote,.btn.gold{background:var(--gold);color:#111;padding:12px 18px;border-radius:10px}.hero{min-height:620px;background:radial-gradient(circle at 70% 20%,#1649a1 0,#071326 45%,#030711 100%);color:var(--text);display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center;padding:70px 48px;overflow:hidden}.badge{display:inline-block;background:#f4c43d;color:#111;padding:8px 13px;border-radius:999px;font-weight:800;margin-bottom:20px}.hero h1{font-size:clamp(42px,6vw,82px);line-height:1.02;margin:0 0 22px;font-weight:900;letter-spacing:-2px}.hero p{font-size:21px;max-width:880px;line-height:1.5}.hero-card{background:#ffffff12;border:1px solid #ffffff35;border-radius:24px;padding:36px;box-shadow:0 20px 70px #0005}.hero-card h3{font-size:32px;margin:0 0 15px}.hero-card li{margin:10px 0;font-size:18px}.searchbar{display:flex;gap:10px;margin:25px 0;max-width:730px}.searchbar input{flex:1;padding:17px 18px;border-radius:12px;border:1px solid #ffffff44;font-size:17px}.searchbar button,.btn{border:0;border-radius:12px;padding:16px 22px;background:#123b80;color:white;font-weight:800;text-decoration:none;display:inline-block}.btn.ghost{background:transparent;border:1px solid #7da8ff;color:white}.btn.small{padding:10px 14px}.actions{display:flex;gap:14px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:-55px 40px 45px;position:relative}.stats div{background:white;border-radius:22px;padding:32px;text-align:center;box-shadow:0 15px 40px #0a1d3b18}.stats b{display:block;font-size:38px;color:#0b2b66}.stats span{color:#52657e}.grid-section,.brands,.page{padding:55px 48px}.grid-section h2,.brands h2,.page h1{font-size:42px;color:#071326}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.card,.result,.product,.success{background:white;border-radius:18px;padding:25px;box-shadow:0 10px 30px #0a1d3b12;text-decoration:none;color:#132033}.card h3{margin-top:0;color:#0b2b66}.brands{background:#071326;color:white}.brands h2{color:white}.form{max-width:850px;display:grid;gap:14px}.form input,.form textarea{padding:15px;border:1px solid #d5deeb;border-radius:12px;font-size:16px}.form textarea{min-height:150px}.results{display:grid;gap:18px;margin-top:25px}.product{display:grid;grid-template-columns:1fr 360px;gap:30px}.placeholder{border-radius:20px;background:linear-gradient(135deg,#e6edf8,#fff);display:flex;align-items:center;justify-content:center;font-weight:800;color:#6a7890}.footer{background:#061020;color:#dce8ff;display:flex;justify-content:space-between;gap:30px;padding:40px 48px;margin-top:40px}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:42px 22px}.stats{grid-template-columns:1fr;margin:20px}.nav{height:auto;align-items:flex-start;gap:15px;flex-direction:column;padding:18px}.nav nav{flex-wrap:wrap}.product{grid-template-columns:1fr}.footer{flex-direction:column}.searchbar{flex-direction:column}}
.searchbar.light{max-width:100%}
.searchbar.light input{border:1px solid #d5deeb;color:#132033}
.filter-select{padding:17px 14px;border-radius:12px;border:1px solid #d5deeb;font-size:16px;background:#fff;color:#132033}
.notice{background:#fde2e2;color:#a23030;padding:16px 20px;border-radius:14px;margin:18px 0;font-weight:600}
.result-count{color:#52657e;margin:10px 0 20px}
.pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin:35px 0;flex-wrap:wrap}
.page-link{padding:10px 16px;border-radius:10px;background:#fff;color:#0b2b66;text-decoration:none;font-weight:700;box-shadow:0 4px 12px #0a1d3b10}
.page-link.active{background:#0b2b66;color:#fff}
.page-ellipsis{color:#8fa4c4;padding:0 4px}
.related{padding:0 48px 55px}
.related h2{font-size:30px;color:#071326}
@media(max-width:850px){.related{padding:0 22px 40px}}