.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,40px);align-items:center;margin-bottom:var(--space-4);padding:clamp(20px,4vw,32px);background:radial-gradient(120% 260% at 0 0,color-mix(in oklab,var(--brand) 20%,transparent) 0,transparent 60%),radial-gradient(120% 220% at 120% -10%,rgba(255,255,255,.85) 0,transparent 65%),linear-gradient(135deg,var(--surface),var(--surface-2));border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.hero::after,.hero::before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.8}.hero::before{background-image:radial-gradient(circle 10px at 6% 20%,rgba(244,63,94,.7),transparent 60%),radial-gradient(circle 10px at 18% 8%,rgba(251,191,36,.7),transparent 60%),radial-gradient(circle 10px at 28% 26%,rgba(56,189,248,.75),transparent 60%),radial-gradient(circle 12px at 12% 42%,rgba(16,185,129,.7),transparent 60%)}.hero::after{background-image:radial-gradient(circle 10px at 84% 16%,rgba(251,113,133,.8),transparent 60%),radial-gradient(circle 10px at 94% 36%,rgba(129,140,248,.75),transparent 60%),radial-gradient(circle 12px at 72% 60%,rgba(251,191,36,.75),transparent 60%),radial-gradient(circle 10px at 92% 78%,rgba(45,212,191,.75),transparent 60%)}.hero-main,.hero-visual{position:relative;z-index:1}.hero-main{min-width:0}.hero-eyebrow{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:color-mix(in oklab,var(--surface-2) 70%,var(--surface) 30%);border:1px solid rgba(148,163,184,.45);color:var(--text);white-space:nowrap}.hero-tag span{font-size:13px}.hero-tag--bday{border-color:color-mix(in oklab,var(--brand) 40%,transparent)}.hero-tag--family{border-style:dashed}.hero-tag--love{border-color:rgba(244,63,94,.55)}.hero-title{margin:0 0 8px;font-size:clamp(26px,4vw,34px);line-height:1.15;font-weight:800}.hero-subtitle{margin:0 0 18px;max-width:460px;color:var(--muted);font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.hero-visual{min-height:210px;display:grid;place-items:center}.hero-card{position:relative;width:min(260px,100%);border-radius:18px;padding:14px 16px 14px;background:var(--surface);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:2}.hero-card-title{margin:0 0 6px;font-weight:700;font-size:15px}.hero-card-text{margin:0 0 10px;font-size:13px;color:var(--muted)}.hero-card-foot{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-2);font-size:12px}.hero-decor{position:absolute;pointer-events:none;filter:drop-shadow(0 12px 26px rgba(15, 23, 42, .32));opacity:.95;animation:hero-float 14s ease-in-out infinite;z-index:1}.hero-decor--balloon{width:64px;height:64px;right:9%;top:10%;border-radius:999px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.9),transparent 60%),linear-gradient(135deg,color-mix(in oklab,var(--brand) 78%,#fff 12%),color-mix(in oklab,var(--brand) 40%,transparent));animation-duration:15s}.hero-decor--balloon::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:34px;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(148,163,184,.6),transparent);opacity:.9}.hero-decor--gift{width:56px;height:56px;left:10%;bottom:10%;border-radius:16px;position:absolute;overflow:visible;animation-duration:18s;animation-delay:-3s;background:linear-gradient(to right,transparent 43%,rgba(248,250,252,.96) 43% 57%,transparent 57%),linear-gradient(to bottom,transparent 43%,rgba(248,250,252,.96) 43% 57%,transparent 57%),linear-gradient(135deg,color-mix(in oklab,var(--brand) 60%,#fff 10%),color-mix(in oklab,var(--brand) 25%,transparent))}.hero-decor--gift::before{content:"";position:absolute;left:4px;right:4px;top:-6px;height:16px;border-radius:12px 12px 8px 8px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.9),transparent 60%),color-mix(in oklab,var(--brand) 70%,#fff 12%);box-shadow:0 4px 8px rgba(248,113,113,.45)}.hero-decor--gift::after{content:"";position:absolute;left:50%;top:-9px;width:30px;height:18px;transform:translateX(-50%);border-radius:999px;background:radial-gradient(circle at 25% 50%,rgba(255,255,255,.85),transparent 55%),radial-gradient(circle at 75% 50%,rgba(255,255,255,.85),transparent 55%),linear-gradient(to right,color-mix(in oklab,var(--brand) 70%,#fff 10%) 0 30%,color-mix(in oklab,var(--brand) 85%,#fff 6%) 30% 70%,color-mix(in oklab,var(--brand) 70%,#fff 10%) 70%)}.hero-decor--spark{width:30px;height:30px;right:24%;top:22%;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,transparent 55%),radial-gradient(circle at 70% 70%,rgba(251,191,36,.9),transparent 60%);box-shadow:0 0 0 1px rgba(251,191,36,.6);animation-duration:12s;animation-delay:-6s;z-index:3}@keyframes hero-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}.home-top{display:flex;flex-direction:column}.home-top .hero{order:1}.home-top .holidays-strip{order:2}.hero-mobile{display:none;margin-top:12px}.hm-top-title{margin:0 0 10px;text-align:left;font-size:16px;font-weight:800;color:var(--text)}.hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hm-tile{width:100%;display:inline-flex;align-items:center;gap:10px;padding:12px 12px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);text-decoration:none;color:var(--text);font-weight:800}.hm-tile:active{transform:translateY(1px)}.hm-ico{font-size:18px;line-height:1}.hm-txt{font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:900px){.hero{overflow:visible}.home-top .holidays-strip{order:0}.home-top .hero{order:1}.hero{grid-template-columns:1fr;gap:12px;padding:14px;margin-bottom:14px}.hero::after,.hero::before{opacity:.35}.hero-eyebrow{display:none!important}.hero-actions,.hero-subtitle,.hero-tags,.hero-visual{display:none!important}.hero-title{font-size:22px;line-height:1.2;margin-bottom:6px}.hero-mobile{display:block}}@media (max-width:380px){.hm-grid{gap:8px}.hm-tile{padding:11px 10px}.hm-txt{font-size:13px}}