.bf-grid-wrapper{display:flex;flex-direction:column;gap:2rem}[data-theme=dark]{--bf-hero-bg-1: rgba(10, 10, 18, .85);--bf-hero-bg-2: rgba(20, 20, 35, .65);--bf-hero-bg-3: rgba(25, 25, 45, .45);--bf-border: rgba(255, 210, 140, .18);--bf-spotlight: radial-gradient( circle, rgba(255, 205, 120, .32), rgba(120, 90, 40, .08) 60%, transparent 80% );--bf-gold-1: #fbd47e;--bf-gold-2: #f6e3b4;--bf-gold-3: #d0a55c;--bf-particle: rgba(255, 220, 160, .75);--bf-count-bg: rgba(255, 200, 130, .12);--bf-count-border: rgba(255, 200, 130, .3)}[data-theme=light]{--bf-hero-bg-1: rgba(70, 50, 30, .1);--bf-hero-bg-2: rgba(50, 35, 22, .15);--bf-hero-bg-3: rgba(80, 60, 40, .05);--bf-border: rgba(70, 50, 30, .22);--bf-spotlight: radial-gradient( circle, rgba(200, 150, 90, .25), rgba(150, 110, 60, .05) 55%, transparent 80% );--bf-gold-1: #c7a46d;--bf-gold-2: #e7d3aa;--bf-gold-3: #8b6a3c;--bf-particle: rgba(150, 110, 60, .65);--bf-count-bg: rgba(120, 90, 55, .12);--bf-count-border: rgba(120, 90, 55, .22)}.bf-hero-butter{width:85%;margin:2.3rem auto 3rem;padding:3rem 1.2rem;border-radius:26px;background:linear-gradient(135deg,var(--bf-hero-bg-1),var(--bf-hero-bg-2),var(--bf-hero-bg-3));border:1px solid var(--bf-border);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);position:relative;overflow:hidden;animation:bfFadeIn .9s ease forwards;opacity:0}@keyframes bfFadeIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bf-hero-butter:before{content:"";position:absolute;width:380px;height:380px;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:var(--bf-spotlight);pointer-events:none;mix-blend-mode:soft-light;transition:left .25s ease,top .25s ease}.bf-butter-content{text-align:center;position:relative;z-index:5}.bf-butter-content h1{font-size:clamp(2.2rem,6vw,3.2rem);font-weight:800;letter-spacing:-.8px;background:linear-gradient(90deg,var(--bf-gold-1),var(--bf-gold-2),var(--bf-gold-3));-webkit-background-clip:text;color:transparent;animation:shimmer 4.5s ease-in-out infinite}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.bf-butter-content p{margin-top:.6rem;font-size:1.05rem;opacity:.72;color:var(--text)}.bf-butter-countdown{margin-top:1.7rem;display:flex;justify-content:center;gap:1rem}.bf-butter-countdown div{padding:.6rem .9rem;min-width:62px;border-radius:14px;background:var(--bf-count-bg);border:1px solid var(--bf-count-border);backdrop-filter:blur(8px);text-align:center}.bf-butter-countdown span{font-size:1.25rem;font-weight:700;color:var(--text)}.bf-butter-countdown label{display:block;font-size:.75rem;opacity:.58}.bf-butter-particle{position:absolute;width:7px;height:7px;background:var(--bf-particle);border-radius:50%;opacity:.75;animation:floatUp 7.5s ease-in-out infinite;filter:blur(1px)}@keyframes floatUp{0%{transform:translateY(40px) scale(.7);opacity:.2}50%{opacity:.9}to{transform:translateY(-120px) scale(1.1);opacity:0}}.p1{left:18%;bottom:-18px;animation-delay:.5s}.p2{left:50%;bottom:-20px;animation-delay:1.8s}.p3{left:74%;bottom:-22px;animation-delay:3s}@media(max-width:600px){.bf-hero-butter{padding:2rem 1rem;width:92%}.bf-butter-countdown{gap:.5rem}}[data-theme=light] .bf-butter-content h1{background:linear-gradient(90deg,#2c2c2c,#1a1a1a,#000);-webkit-background-clip:text;color:transparent}