:root{color-scheme:dark;--bg:#07080d;--bg-alt:#0f131c;--fg:#f5f7fa;--muted:#98a2b3;--card:#141924;--card-2:#1a2030;--border:#252c3d;--accent:#ff6b35;--accent-2:#ff2d78;--accent-3:#ffb703;--accent-grad:linear-gradient(135deg,#ffb703,#ff6b35 45%,#ff2d78);--radius:1.1rem;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
@media (prefers-color-scheme:light){:root{--bg:#f7f8fb;--bg-alt:#fff;--fg:#0f172a;--muted:#5b6472;--card:#fff;--card-2:#f1f3f7;--border:#e5e7eb}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);margin:0;background:var(--bg);color:var(--fg);line-height:1.65;position:relative}
h1,h2,h3,.logo,.cta-button,.hourly-badge,.deal-price,.featured-deal-info h2{font-family:var(--font-display)}
a{color:inherit}
main{max-width:1120px;margin:0 auto;padding:0 1.5rem 4rem;position:relative;z-index:1}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--accent);color:#fff}

/* Ambient background glow for depth */
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(600px 400px at 15% -5%, #ff6b3522, transparent 60%),
  radial-gradient(500px 380px at 90% 10%, #ff2d7818, transparent 60%),
  radial-gradient(700px 500px at 50% 120%, #ffb70312, transparent 60%)}
@media (prefers-color-scheme:light){.bg-glow{opacity:.5}}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--bg) 80%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header-inner{max-width:1120px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.75rem;flex-wrap:wrap}
.logo{font-weight:700;font-size:1.3rem;text-decoration:none;white-space:nowrap;letter-spacing:-.01em;display:flex;align-items:center;gap:.4rem}
.logo-mark{filter:drop-shadow(0 0 6px #ff6b3599)}
.main-nav{display:flex;gap:1.3rem;flex-wrap:wrap;font-size:.94rem;font-weight:600}
.main-nav a{text-decoration:none;color:var(--muted);transition:color .15s}
.main-nav a:hover{color:var(--fg)}
.hourly-badge{margin-left:auto;font-size:.78rem;font-weight:700;background:var(--accent-grad);color:#fff;padding:.4rem .85rem;border-radius:999px;white-space:nowrap;box-shadow:0 2px 12px #ff6b3544;animation:pulse-badge 2.6s ease-in-out infinite}
@media (max-width:640px){.header-inner{gap:.6rem 1rem}.hourly-badge{margin-left:0;order:3;flex-basis:100%}}

/* Hero */
.hero{padding:4rem 0 2.25rem;text-align:center}
.hero h1{font-weight:700;font-size:clamp(2.1rem,5vw,3.2rem);margin:0 0 .9rem;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(100deg,var(--fg) 30%,var(--accent-3) 45%,var(--accent) 55%,var(--fg) 70%);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-pan 7s ease-in-out infinite}
.hero-sub{color:var(--muted);font-size:1.15rem;max-width:640px;margin:0 auto 1.75rem}
.hero-ctas{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}

/* Buttons */
.cta-button{display:inline-block;background:var(--accent-grad);color:#fff !important;font-weight:700;text-decoration:none;padding:.9rem 1.5rem;border-radius:.7rem;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 6px 20px #ff6b3540}
.cta-button:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 10px 28px #ff6b3566}
.cta-button:active{transform:translateY(0) scale(.99)}
.cta-large{font-size:1.1rem;padding:1.05rem 1.9rem}
.cta-small{font-size:.85rem;padding:.55rem .95rem;margin-top:.7rem}
.cta-ghost{background:var(--card);border:1px solid var(--border);color:var(--fg) !important;box-shadow:none}
.cta-ghost:hover{border-color:var(--accent);box-shadow:0 4px 16px #0004}

/* Category chips */
.category-chips{display:flex;gap:.65rem;overflow-x:auto;padding:.25rem .1rem 1.75rem;scrollbar-width:thin}
.chip{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:999px;padding:.55rem 1.1rem;text-decoration:none;font-weight:600;font-size:.9rem;background:var(--card);white-space:nowrap;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.chip span{font-size:1.05rem}
.chip:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #0004}

/* Section headings */
.deal-grid-section h2,.guides-section h2{font-weight:700;font-size:1.55rem;margin-bottom:1.1rem;letter-spacing:-.01em}

/* Featured hourly deal */
.featured-deal{background:linear-gradient(160deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin:0 0 2.75rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08 inset,0 20px 50px -20px #000a}
.featured-deal::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#ff6b3566,transparent 30%,transparent 70%,#ff2d7855);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.featured-deal-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:1.1rem;display:flex;align-items:center;gap:.4rem}
.featured-deal-body{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:2rem;align-items:center}
.featured-deal-image{width:100%;border-radius:.85rem;object-fit:cover;box-shadow:0 12px 30px -10px #000c}
.deal-fallback-icon{display:flex;align-items:center;justify-content:center;border-radius:.85rem;font-size:3.2rem}
.featured-deal-image.deal-fallback-icon{aspect-ratio:16/9}
.featured-deal-info h2{margin:.25rem 0 .7rem;font-size:1.85rem;letter-spacing:-.01em}
.view-archive-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:1.4rem;font-weight:700;text-decoration:none;color:var(--accent);transition:gap .15s ease}
.view-archive-link:hover{gap:.55rem}
.featured-deal-empty{text-align:center;color:var(--muted)}
@media (max-width:680px){.featured-deal-body{grid-template-columns:1fr}.featured-deal{padding:1.5rem}}

/* Deal price */
.deal-category-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg-alt);border:1px solid var(--border);border-radius:.4rem;padding:.18rem .55rem;margin-bottom:.6rem}
.deal-price-row{display:flex;align-items:baseline;gap:.65rem;margin:.5rem 0 1.1rem;flex-wrap:wrap}
.deal-price{font-size:1.7rem;font-weight:700}
.deal-price-prior{text-decoration:line-through;color:var(--muted);font-size:1rem}
.deal-badge{background:#16a34a;color:#fff;font-weight:700;font-size:.78rem;padding:.2rem .55rem;border-radius:.4rem}
.deal-meta{color:var(--muted);font-size:.82rem;margin:.9rem 0 .25rem}

/* Deal grid / cards */
.deal-grid-section,.guides-section{margin:3rem 0}
.deal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.15rem}
.deal-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--fg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}
.deal-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px -12px #000a;border-color:#ff6b3555}
.deal-card-image{width:100%;height:140px;object-fit:cover}
.deal-fallback-icon.deal-card-image{height:140px;font-size:2.6rem}
.deal-card-body{padding:1.15rem}
.deal-card-title{font-weight:700;margin-bottom:.3rem;font-family:var(--font-display)}
.deal-card-time{color:var(--muted);font-size:.78rem}

/* Guide + post cards */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.15rem}
.post-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:.85rem;padding:1.35rem;text-decoration:none;color:var(--fg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.post-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -12px #0009;border-color:#ff6b3555}
.post-card-icon{font-size:2.1rem;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:.65rem;margin-bottom:.85rem}
.post-card-title{font-weight:700;margin-bottom:.4rem;line-height:1.35;font-family:var(--font-display)}
.post-card-date{color:var(--muted);font-size:.8rem}

/* Guide page */
.guide-page h1{font-weight:700;font-size:2.1rem;line-height:1.2;letter-spacing:-.01em}
.guide-page h2{font-weight:700;font-size:1.4rem;margin-top:2.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}
.hero-icon-block{display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:1.2rem;padding:3rem 1rem;margin-bottom:2.25rem;position:relative;overflow:hidden}
.hero-icon{font-size:4.5rem;line-height:1;filter:drop-shadow(0 8px 20px #0006)}
.pick-card{display:flex;gap:1.1rem;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:.85rem;padding:1.25rem 1.4rem;margin:1.1rem 0;transition:border-color .2s ease,transform .2s ease}
.pick-card:hover{border-color:#ff6b3555;transform:translateY(-2px)}
.pick-icon{font-size:1.7rem;line-height:1}
.pick-body{flex:1}
.pick-tier{font-weight:700;margin-bottom:.3rem;font-family:var(--font-display)}
.pick-card p{margin:0 0 .25rem}
.ad-banner{max-width:100%;height:auto;border-radius:.65rem;display:block;margin-bottom:1.1rem;box-shadow:0 10px 26px -10px #000a}

/* Deal detail + archive + categories + static pages */
.deal-detail,.static-page,.archive-page,.categories-page{padding-top:1.5rem}
.deal-detail h1{font-weight:700;font-size:2rem;letter-spacing:-.01em}
.deal-detail-media{margin-bottom:1.25rem;border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 36px -14px #000a}
.deal-detail-image{width:100%}
.deal-fallback-icon.deal-detail-image{aspect-ratio:16/9;font-size:4.5rem}
.categories-page h1,.static-page h1,.archive-page h1{font-weight:700;font-size:2rem;letter-spacing:-.01em}
.category-section{margin:2.25rem 0}
.category-section h2{display:flex;align-items:center;gap:.7rem;font-size:1.35rem;font-weight:700}
.category-section-icon{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem}
.static-page h2{font-weight:700;margin-top:2rem}

.disclosure{color:var(--muted);font-size:.85em;margin-top:1rem}
footer.site-footer{margin:4rem 0 1rem;color:var(--muted);font-size:.85em;border-top:1px solid var(--border);padding:1.75rem 1.5rem 0;max-width:1120px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
footer.site-footer a{color:var(--muted)}
footer.site-footer p{margin:.4rem 0}

/* Live/dynamic elements */
.pulse-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 #ff6b3599;animation:pulse-dot 1.8s ease-out infinite}
.countdown{font-variant-numeric:tabular-nums;color:var(--fg);font-weight:800}
.hero-icon,.deal-fallback-icon{animation:float-icon 4s ease-in-out infinite}
.deal-card,.post-card,.pick-card,.chip{position:relative;overflow:hidden}
.deal-card::after,.post-card::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,#ffffff14,transparent);transform:skewX(-20deg);transition:left .6s ease}
.deal-card:hover::after,.post-card:hover::after{left:130%}
.bg-glow{animation:bg-drift 24s ease-in-out infinite}

@keyframes pulse-badge{0%,100%{box-shadow:0 2px 12px #ff6b3544}50%{box-shadow:0 2px 22px #ff6b3588}}
@keyframes pulse-dot{0%{box-shadow:0 0 0 0 #ff6b3599}70%{box-shadow:0 0 0 8px #ff6b3500}100%{box-shadow:0 0 0 0 #ff6b3500}}
@keyframes gradient-pan{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes float-icon{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes bg-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-1.5%,1.5%) scale(1.03)}}

@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}