:root{--primary:#0066ff;--primary-dark:#0b3d91;--ink:#082653;--muted:#667085;--line:#dfe8f3;--bg:#f5f9ff;--green:#00c853;--orange:#ff6d00;--yellow:#ffb300;--danger:#dc2626;--radius:22px;--shadow:0 18px 50px rgba(11,61,145,.12)}
body{background:#fff;color:var(--ink)}
.container{width:min(1220px,calc(100% - 36px))}
.site-header{background:radial-gradient(circle at 20% 0,rgba(0,200,83,.2),transparent 30%),linear-gradient(125deg,#041d43,#0b3d91);border-bottom:1px solid rgba(255,255,255,.13);box-shadow:0 6px 25px rgba(4,29,67,.24)}
.header-row{min-height:82px}
.brand-logo{display:inline-flex;align-items:center;gap:10px;direction:ltr;font-weight:900;line-height:1}
.brand-mark{width:46px;height:46px;display:block;filter:drop-shadow(0 7px 10px rgba(0,102,255,.18))}.brand-mark svg{width:100%;height:100%;display:block}
.brand-word{font-size:29px;letter-spacing:-1.8px;color:#fff}
.brand-x{font-size:1.12em;background:linear-gradient(135deg,var(--green) 5%,var(--green) 48%,var(--yellow) 50%,var(--orange) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-logo-light .brand-word{color:#fff}
.main-nav{gap:30px}.main-nav a{color:#eaf3ff;font-weight:700;position:relative}.main-nav a:after{content:"";position:absolute;right:0;left:100%;bottom:-9px;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--green),var(--yellow));transition:.2s}.main-nav a:hover:after{left:0}
.country-form select{border-color:rgba(255,255,255,.3);border-radius:14px;padding:10px 13px;background:rgba(255,255,255,.96);color:var(--primary-dark);font-weight:700}
.hero{padding:64px 0 0;text-align:right;background:radial-gradient(circle at 14% 10%,rgba(0,200,83,.14),transparent 31%),radial-gradient(circle at 78% 5%,rgba(0,102,255,.14),transparent 32%),linear-gradient(180deg,#fbfdff,#fff);position:relative}
.hero:after{content:"";position:absolute;right:0;left:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--green),var(--primary),var(--yellow),var(--orange))}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;padding-bottom:55px}
.hero-copy{position:relative;z-index:2}.hero-badge{background:#e9fff1;border:1px solid #baf2cf;color:#08783a;padding:7px 14px}.hero-badge span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:6px;box-shadow:0 0 0 5px rgba(0,200,83,.12)}
.hero h1{font-size:clamp(44px,5.3vw,72px);line-height:1.08;letter-spacing:-3px;margin:20px 0 17px;max-width:700px}.hero h1 span{background:linear-gradient(90deg,var(--primary-dark),var(--primary) 42%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero>div>p,.hero-copy>p{font-size:19px;color:var(--muted);max-width:650px;margin:0 0 28px}
.hero-search{margin:0;max-width:680px;border:1px solid #cddced;border-radius:19px;box-shadow:0 18px 55px rgba(11,61,145,.14);align-items:center}.hero-search svg{width:24px;height:24px;fill:none;stroke:var(--primary);stroke-width:2;margin-right:10px}.hero-search button,.btn-primary{background:linear-gradient(135deg,var(--primary),#0878ed);box-shadow:0 8px 18px rgba(0,102,255,.22)}.hero-search button:hover,.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-1px)}
.search-examples{text-align:right}.search-examples a{border-color:#d9e5f2;color:#29466e}.search-examples a:hover{border-color:var(--green);color:#08783a}
.hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.identity-crop{width:min(100%,510px);height:305px;overflow:hidden;position:relative;filter:drop-shadow(0 28px 28px rgba(11,61,145,.14))}.identity-crop img{width:100%;height:auto;display:block;transform:translateY(-1%)}
.float-pill{position:absolute;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 14px;font-weight:800;font-size:13px;box-shadow:var(--shadow)}.pill-one{right:1%;top:23%;color:#08783a}.pill-two{left:2%;bottom:18%;color:var(--primary)}
.trust-strip{background:linear-gradient(115deg,#063477,var(--primary-dark) 52%,#005fb8);color:#fff;padding:22px 0 27px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust-grid article{display:flex;align-items:center;justify-content:center;gap:14px;border-left:1px solid rgba(255,255,255,.18)}.trust-grid article:last-child{border-left:0}.trust-grid b,.trust-grid small{display:block}.trust-grid b{font-size:18px}.trust-grid small{color:#bfd4ef}.feature-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center}.feature-icon svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-icon.green{background:linear-gradient(145deg,#10db65,#009f45)}.feature-icon.orange{background:linear-gradient(145deg,var(--yellow),var(--orange))}.feature-icon.blue{background:linear-gradient(145deg,#2584ff,#0054d8)}.feature-icon.blue svg{fill:#fff}
.section{padding-top:76px;padding-bottom:76px}.section-tint{background:linear-gradient(180deg,#f5f9ff,#fbfdff)}.eyebrow{color:var(--green);font-weight:800}.section-head h2{color:var(--primary-dark);font-size:34px}.section-head>a{color:var(--primary)}
.category-grid{gap:14px}.category-chip{border-color:#dce7f2;border-radius:18px;padding:15px 13px;color:#183c68}.category-chip span{background:#eaf2ff;color:var(--primary);border-radius:13px}.category-chip:hover{border-color:#82aef1;box-shadow:0 15px 35px rgba(11,61,145,.1)}.category-1 span{background:#e7fff0;color:#00a446}.category-2 span{background:#fff4d8;color:#c87900}.category-3 span{background:#fff0e8;color:#ed5700}.category-4 span{background:#e8f8ff;color:#0080bd}
.offers-grid{gap:22px}.offer-card{border-color:#dce7f2;border-radius:22px;box-shadow:0 5px 20px rgba(8,38,83,.04)}.offer-card:hover{border-color:#a8c6e8;box-shadow:0 22px 48px rgba(11,61,145,.14)}.offer-image{background:linear-gradient(145deg,#f8fbff,#edf4fc)}.discount{background:linear-gradient(135deg,var(--orange),#ff3d00);box-shadow:0 8px 18px rgba(255,109,0,.28);border-radius:10px}.brand-line{color:#61748e}.offer-card h3{color:var(--primary-dark)}.price-row strong{color:#008d40}.coupon{border-color:#ffb300;background:#fff8e3;color:#8d5500}.meta span:first-child{color:#08783a}.offer-card .btn{margin-top:3px}.offer-card .btn span{transition:.2s}.offer-card .btn:hover span{transform:translateX(-4px)}
.brand-grid a{background:#fff;border-color:#dce7f2;border-radius:20px}.brand-grid a:hover{border-color:#91b9eb;transform:translateY(-3px)}.brand-grid b{color:var(--primary)}
.page-head{background:radial-gradient(circle at 10% 0,rgba(0,200,83,.12),transparent 35%),linear-gradient(125deg,#edf5ff,#fff);border-bottom:1px solid #dfebf6}.page-head h1{color:var(--primary-dark)}
.filters input,.filters select{border-color:#cfdeed;border-radius:13px}.filters input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,102,255,.1)}
.detail-image{background:linear-gradient(145deg,#f8fbff,#eaf3fc)}.offer-detail h1{color:var(--primary-dark)}.detail-price strong{color:#008d40}
.empty{border-color:#bcd0e7;background:linear-gradient(145deg,#fff,#f5f9ff)}.empty-icon{width:68px;height:68px;display:grid;place-items:center;margin:auto;border-radius:20px;background:linear-gradient(145deg,var(--green),#009b43);color:#fff;font-weight:900;font-size:33px}
footer{background:radial-gradient(circle at 20% 0,rgba(0,200,83,.2),transparent 30%),linear-gradient(125deg,#041d43,#0b3d91);color:#c8d9ee}footer .brand-mark{width:42px;height:42px}.copyright{border-color:rgba(255,255,255,.13)}
.admin-sidebar{background:linear-gradient(180deg,#071f47,#0b3d91)}.stats-grid .accent{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.auth-main{background:radial-gradient(circle at center,#e7f2ff,#f8fbff)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr .8fr;gap:20px}.hero-visual{min-height:320px}.identity-crop{height:255px}.brand-word{font-size:25px}.brand-mark{width:40px;height:40px}}
@media(max-width:720px){.header-row{min-height:70px}.brand-word{font-size:23px}.brand-mark{width:37px;height:37px}.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;text-align:center;padding-bottom:35px}.hero-copy>p{margin-left:auto;margin-right:auto}.hero h1{font-size:43px;letter-spacing:-2px}.hero-search{margin:auto}.search-examples{text-align:center}.hero-visual{min-height:255px}.identity-crop{height:205px;width:330px}.float-pill{font-size:11px;padding:7px 10px}.pill-one{right:4%}.pill-two{left:4%}.trust-grid{grid-template-columns:1fr;gap:12px}.trust-grid article{justify-content:flex-start;border-left:0;border-bottom:1px solid rgba(255,255,255,.13);padding:0 12px 12px}.trust-grid article:last-child{border-bottom:0}.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.container{width:min(100% - 24px,1220px)}.brand-word{font-size:21px}.brand-mark{width:34px;height:34px}.country-form select{max-width:108px;font-size:13px;padding:8px}.hero h1{font-size:36px}.hero-copy>p{font-size:16px}.hero-search button{padding:11px 14px}.hero-search svg{display:none}.hero-visual{min-height:235px}.identity-crop{width:290px;height:180px}.offers-grid{grid-template-columns:1fr}.section{padding-top:55px;padding-bottom:55px}}

/* Compact content rhythm: keep sections distinct without excessive empty space. */
.hero{padding-top:44px}.hero-grid{gap:36px;padding-bottom:38px}.section{padding-top:48px;padding-bottom:48px}.section-head{margin-bottom:20px}.offers-grid{gap:16px}.page-head{padding:40px 0}.offer-detail{gap:36px}.history{margin-top:40px}footer{padding-top:42px}.home-category-section{padding:22px 0 28px;margin-bottom:10px}.home-category-section+.home-category-section{padding-top:26px}.category-offers-head{padding:14px 16px;margin-bottom:16px}
@media(max-width:720px){.hero{padding-top:30px}.hero-grid{padding-bottom:26px}.section{padding-top:34px;padding-bottom:34px}.section-head{margin-bottom:16px}.page-head{padding:30px 0}.home-category-section{padding:18px 0 23px;margin-bottom:7px}.home-category-section+.home-category-section{padding-top:21px}.category-offers-head{padding:11px 12px;margin-bottom:13px}.offers-grid{gap:11px}.history{margin-top:30px}footer{padding-top:34px}}
.footer-links{display:flex;flex-direction:column;gap:8px;margin-top:8px}.footer-links a{display:block}
footer .footer-grid>div:nth-child(2)>a{display:block;margin-top:8px}
.main-nav.open{background:#fff;color:var(--ink);padding:10px 12px;border-color:#d6e2ef;box-shadow:0 14px 30px rgba(4,29,67,.22);gap:4px}.main-nav.open a{color:#183c68;padding:7px 9px;border-radius:8px;font-size:14px}.main-nav.open a:hover{background:#eef5ff;color:var(--primary-dark)}