.bc-hero{--bc-sky-top:#1e56a014;--bc-sky-mid:#fff0;--bc-accent:#1e56a0;background:linear-gradient(180deg, var(--bc-sky-top) 0%, var(--bc-sky-mid) 55%, #fff0 100%), linear-gradient(to bottom, white, white);position:relative;overflow:hidden}html.dark .bc-hero{background:linear-gradient(180deg, var(--bc-sky-top) 0%, transparent 60%), linear-gradient(to bottom, #243e5c, var(--sc-bg,#1a2f45))}.bc-hero--cerah{--bc-sky-top:#ffd66647;--bc-accent:#e8a317}.bc-hero--panas{--bc-sky-top:#fb923c52;--bc-accent:#ea580c}.bc-hero--malam{--bc-sky-top:#1e3a8a6b;--bc-accent:#93c5fd}.bc-hero--malam.bc-hero--panas{--bc-sky-top:#1e295e7a}.bc-hero--berawan{--bc-sky-top:#64748b61;--bc-accent:#64748b}.bc-hero--hujan{--bc-sky-top:#2563eb57;--bc-accent:#2563eb}.bc-hero--badai{--bc-sky-top:#64748b61;--bc-accent:#475569}html.dark .bc-hero--cerah{--bc-sky-top:#fbbf2438}html.dark .bc-hero--panas{--bc-sky-top:#f9731647}html.dark .bc-hero--malam{--bc-sky-top:#1e3a8a8c}html.dark .bc-hero--berawan{--bc-sky-top:#64748b66}html.dark .bc-hero--hujan{--bc-sky-top:#2563eb52}html.dark .bc-hero--badai{--bc-sky-top:#0f172a8c}.bc-hero-fx{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 88%);mask-image:linear-gradient(#000 0% 45%,#0000 88%)}.bc-hero-glow{filter:blur(28px);opacity:.55;border-radius:9999px;position:absolute}.bc-hero--cerah .bc-hero-glow--sun,.bc-hero--panas .bc-hero-glow--sun{background:radial-gradient(circle,#fbbf24bf 0%,#fbbf2400 70%);width:9rem;height:9rem;animation:4s ease-in-out infinite bc-wx-pulse;top:-2.5rem;right:12%}.bc-hero--panas .bc-hero-glow--sun{background:radial-gradient(circle,#f97316b3 0%,#f9731600 70%);animation:2.8s ease-in-out infinite bc-wx-pulse}.bc-hero-glow--moon{background:radial-gradient(circle,#bfdbfe8c 0%,#93c5fd00 70%);width:8rem;height:8rem;animation:5s ease-in-out infinite bc-wx-pulse;top:-2rem;right:10%}.bc-hero-moon{opacity:.92;background:radial-gradient(circle at 35% 32%,#f8fafc,#cbd5e1 72%);border-radius:9999px;width:2.1rem;height:2.1rem;position:absolute;top:.85rem;right:5.6rem;box-shadow:0 0 18px #bfdbfe73}.bc-hero-moon:after{content:"";background:radial-gradient(circle at 40% 40%,#1e3a8a14,#0000 70%);border-radius:9999px;width:1.55rem;height:1.55rem;position:absolute;top:.15rem;right:-.15rem;box-shadow:inset -.35rem 0 #1e3a8a38}.bc-hero-stars{position:absolute;inset:0}.bc-hero-star{opacity:.55;background:#e2e8f0;border-radius:9999px;width:2px;height:2px;animation:2.4s ease-in-out infinite bc-wx-twinkle;position:absolute;box-shadow:0 0 4px #ffffffd9}.bc-hero-star:nth-child(3n){width:3px;height:3px}.bc-hero--berawan .bc-hero-glow--soft{background:radial-gradient(#94a3b88c 0%,#0000 70%);width:14rem;height:6rem;animation:14s ease-in-out infinite bc-wx-drift-slow;top:.2rem;left:6%}.bc-hero--berawan .bc-hero-glow--soft-2{background:radial-gradient(#64748b66 0%,#0000 70%);width:12rem;height:5rem;animation:16s ease-in-out infinite reverse bc-wx-drift-slow;top:1.2rem;left:auto;right:4%}.bc-hero--hujan .bc-hero-glow--soft,.bc-hero--badai .bc-hero-glow--soft{background:radial-gradient(#2563eb40 0%,#0000 70%);width:14rem;height:6rem;top:-.5rem;left:20%}.bc-hero--badai .bc-hero-glow--soft{background:radial-gradient(#94a3b866 0%,#0000 70%)}html.dark .bc-hero--badai .bc-hero-glow--soft{background:radial-gradient(#33415580 0%,#0000 70%)}.bc-hero-sun{opacity:.85;background:radial-gradient(circle at 35% 35%,#ffe08a,#f59e0b 72%);border-radius:9999px;width:2.25rem;height:2.25rem;position:absolute;top:.75rem;right:5.5rem;box-shadow:0 0 20px #f59e0b59}.bc-hero--panas .bc-hero-sun{background:radial-gradient(circle at 35% 35%,#fdba74,#ea580c 75%);animation:2.2s ease-in-out infinite bc-wx-shimmer;box-shadow:0 0 24px #ea580c66}.bc-hero-sun-rays{background:conic-gradient(from 0deg, transparent 0 10deg, #f59e0b47 10deg 18deg, transparent 18deg 55deg, #f59e0b47 55deg 63deg, transparent 63deg 100%);opacity:.7;border-radius:9999px;width:3.5rem;height:3.5rem;animation:14s linear infinite bc-wx-spin;position:absolute;top:.15rem;right:4.85rem}.bc-hero-clouds{position:absolute;inset:0}.bc-hero-cloud{opacity:.72;background:linear-gradient(#f8fafc 0%,#e2e8f0 100%);border-radius:9999px;height:1.35rem;position:absolute;box-shadow:.7rem .15rem 0 -.1rem #e2e8f0,-.55rem .2rem 0 -.15rem #cbd5e1}html.dark .bc-hero-cloud{opacity:.55;background:linear-gradient(#94a3b8 0%,#64748b 100%);box-shadow:.7rem .15rem 0 -.1rem #64748b,-.55rem .2rem 0 -.15rem #475569}.bc-hero-cloud--1{width:3.2rem;animation:9s ease-in-out infinite bc-wx-drift;top:1.1rem;left:6%}.bc-hero-cloud--2{opacity:.55;width:2.4rem;animation:11s ease-in-out infinite reverse bc-wx-drift;top:2.4rem;left:22%}.bc-hero-cloud--3{width:2.8rem;animation:10s ease-in-out infinite bc-wx-drift;top:1.4rem;left:42%}.bc-hero-cloud--4{opacity:.65;width:3.6rem;height:1.5rem;animation:12s ease-in-out infinite reverse bc-wx-drift;top:.7rem;left:62%}.bc-hero-cloud--5{opacity:.5;width:2.6rem;animation:8.5s ease-in-out infinite bc-wx-drift;top:2.8rem;left:78%}.bc-hero-clouds--light .bc-hero-cloud{opacity:.42;background:linear-gradient(#fff 0%,#f1f5f9 100%);box-shadow:.55rem .1rem 0 -.12rem #f8fafc,-.4rem .12rem 0 -.18rem #e2e8f0}html.dark .bc-hero-clouds--light .bc-hero-cloud{opacity:.32;background:linear-gradient(#cbd5e1 0%,#94a3b8 100%)}.bc-hero-clouds--light .bc-hero-cloud--3,.bc-hero-clouds--light .bc-hero-cloud--4{opacity:.32}.bc-hero-clouds--dense .bc-hero-cloud,.bc-hero--berawan .bc-hero-cloud{opacity:.85;background:linear-gradient(#e2e8f0 0%,#94a3b8 100%);box-shadow:.85rem .2rem 0 -.08rem #cbd5e1,-.7rem .25rem 0 -.12rem #94a3b8,1.4rem .1rem 0 -.35rem #e2e8f0}html.dark .bc-hero-clouds--dense .bc-hero-cloud,html.dark .bc-hero--berawan .bc-hero-cloud{opacity:.7;background:linear-gradient(#64748b 0%,#475569 100%);box-shadow:.85rem .2rem 0 -.08rem #475569,-.7rem .25rem 0 -.12rem #334155,1.4rem .1rem 0 -.35rem #64748b}.bc-hero-clouds--dense .bc-hero-cloud--1{width:4.8rem;height:1.85rem;animation:11s ease-in-out infinite bc-wx-drift;top:.55rem;left:2%}.bc-hero-clouds--dense .bc-hero-cloud--2{opacity:.7;width:3.6rem;height:1.55rem;animation:13s ease-in-out infinite reverse bc-wx-drift;top:2.1rem;left:18%}.bc-hero-clouds--dense .bc-hero-cloud--3{opacity:.9;width:5.2rem;height:2rem;animation:14s ease-in-out infinite bc-wx-drift;top:.35rem;left:36%}.bc-hero-clouds--dense .bc-hero-cloud--4{opacity:.65;width:3.2rem;height:1.4rem;animation:9.5s ease-in-out infinite reverse bc-wx-drift;top:2.6rem;left:52%}.bc-hero-clouds--dense .bc-hero-cloud--5{opacity:.8;width:4.4rem;height:1.75rem;animation:12.5s ease-in-out infinite bc-wx-drift;top:1rem;left:68%}.bc-hero-cloud--6{opacity:.55;width:3rem;height:1.35rem;animation:10.5s ease-in-out infinite reverse bc-wx-drift;top:3rem;left:8%}.bc-hero-cloud--7{opacity:.75;width:4rem;height:1.65rem;animation:15s ease-in-out infinite bc-wx-drift;top:.2rem;left:85%}.bc-hero-cloud--8{opacity:.5;width:2.8rem;height:1.25rem;animation:8s ease-in-out infinite reverse bc-wx-drift;top:2.3rem;left:90%}.bc-hero--badai .bc-hero-cloud,.bc-hero-clouds--storm .bc-hero-cloud{opacity:.78;background:linear-gradient(#cbd5e1 0%,#64748b 100%);box-shadow:.85rem .2rem 0 -.08rem #94a3b8,-.7rem .25rem 0 -.12rem #64748b,1.4rem .1rem 0 -.35rem #cbd5e1}html.dark .bc-hero--badai .bc-hero-cloud,html.dark .bc-hero-clouds--storm .bc-hero-cloud{opacity:.88;background:linear-gradient(#64748b 0%,#334155 100%);box-shadow:.85rem .2rem 0 -.08rem #475569,-.7rem .25rem 0 -.12rem #1e293b,1.4rem .1rem 0 -.35rem #64748b}.bc-hero-clouds--storm .bc-hero-cloud--1{width:5rem;height:1.9rem;top:.4rem;left:4%}.bc-hero-clouds--storm .bc-hero-cloud--3{width:5.5rem;height:2.1rem;top:.2rem;left:34%}.bc-hero-clouds--storm .bc-hero-cloud--5{width:4.6rem;height:1.8rem;top:.8rem;left:70%}.bc-hero-rain{position:absolute;inset:0}.bc-hero-drop{will-change:transform;pointer-events:none;background:linear-gradient(#0000 5%,#2563ebbf);border-radius:9999px;width:1px;height:8px;animation:.8s linear infinite bc-wx-fall-full;position:absolute;top:-14px}.bc-hero--badai .bc-hero-drop{background:linear-gradient(#0000 10%,#94a3b8b3)}html.dark .bc-hero-drop{background:linear-gradient(#0000 0%,#bae6fd59 35%,#e0f2fef2 100%);width:1.5px;height:10px;box-shadow:0 0 3px #7dd3fc8c}html.dark .bc-hero--badai .bc-hero-drop{background:linear-gradient(#0000 0%,#e2e8f066 30%,#f8fafcf2 100%);box-shadow:0 0 3px #e2e8f073}.bc-hero-flash{opacity:0;background:linear-gradient(#ffffff8c 0%,#bfdbfe33 40%,#0000 65%);animation:2.6s step-end infinite bc-wx-sky-flash;position:absolute;inset:0}.bc-hero-bolt{filter:drop-shadow(0 0 8px #fde047d9);opacity:0;border-top:26px solid #fde68a;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;animation:2.6s step-end infinite bc-wx-flash;position:absolute}.bc-hero-bolt:after{content:"";border-top:18px solid #fbbf24;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:14px;left:-9px}.bc-hero-bolt--1{top:.9rem;left:58%}.bc-hero-bolt--2{filter:drop-shadow(0 0 6px #fde047b3);animation-delay:1.1s;top:1.4rem;left:28%;transform:scale(.85)rotate(-12deg)}.bc-hero-bolt--2:after{border-top-color:#f59e0b}.bc-hero-temp{border:1px solid color-mix(in srgb, var(--bc-accent) 28%, transparent);background:color-mix(in srgb, var(--bc-accent) 10%, white);color:var(--sc-text,#0f172a);border-radius:9999px;align-items:center;gap:.4rem;max-width:100%;margin-top:.4rem;padding:.2rem .55rem .2rem .35rem;display:inline-flex}html.dark .bc-hero-temp{background:color-mix(in srgb, var(--bc-accent) 22%, #1a2f45d9);border-color:color-mix(in srgb, var(--bc-accent) 40%, transparent)}.bc-hero-temp-icon{background:color-mix(in srgb, var(--bc-accent) 18%, transparent);border-radius:9999px;flex-shrink:0;width:1.35rem;height:1.35rem;position:relative;overflow:hidden}.bc-hero-temp-icon .bc-wx-sun{background:radial-gradient(circle at 35% 35%,#ffe08a,#f59e0b 70%);border-radius:9999px;position:absolute;inset:18%}.bc-hero-temp-icon .bc-wx-cloud{background:#e2e8f0;border-radius:9999px;width:55%;height:32%;position:absolute;top:42%;left:18%;box-shadow:6px 1px 0 -1px #cbd5e1}.bc-hero-temp-icon .bc-wx-drop-mini{background:#3b82f6;border-radius:9999px;width:1.5px;height:30%;animation:.8s linear infinite bc-wx-fall;position:absolute;top:55%;left:45%}html.dark .bc-hero-temp-icon .bc-wx-drop-mini{background:#bae6fd;box-shadow:0 0 2px #7dd3fcb3}.bc-hero-temp-icon .bc-wx-bolt-mini{filter:drop-shadow(0 0 2px #fbbf24b3);border-top:9px solid #fbbf24;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;top:48%;left:48%}.bc-hero-temp-icon .bc-wx-moon{background:radial-gradient(circle at 35% 32%,#f8fafc,#94a3b8 75%);border-radius:9999px;position:absolute;inset:18%;box-shadow:inset -4px 0 #1e3a8a47}.bc-hero-clock{text-align:right;flex-shrink:0;min-width:4.25rem;padding:.15rem .2rem}.bc-hero-clock-time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--sc-text,#0f172a);font-size:.95rem;font-weight:800;line-height:1.15}@media (min-width:640px){.bc-hero-clock-time{font-size:1.05rem}}@keyframes bc-wx-spin{to{transform:rotate(360deg)}}@keyframes bc-wx-shimmer{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes bc-wx-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}@keyframes bc-wx-drift{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(22px)translateY(-4px)}}@keyframes bc-wx-drift-slow{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes bc-wx-fall{to{opacity:.15;transform:translateY(140%)}}@keyframes bc-wx-fall-full{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.9}to{opacity:.15;transform:translateY(280px)translate(-10px)}}@keyframes bc-wx-twinkle{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes bc-wx-flash{0%,82%,to{opacity:0}84%,86%{opacity:1}88%{opacity:.15}90%{opacity:.85}92%{opacity:0}}@keyframes bc-wx-sky-flash{0%,82%,to{opacity:0}84%{opacity:.95}86%{opacity:.2}90%{opacity:.7}92%{opacity:.1}}@media (prefers-reduced-motion:reduce){.bc-hero-sun-rays,.bc-hero-sun,.bc-hero-glow,.bc-hero-cloud,.bc-hero-glow--soft,.bc-hero-drop,.bc-hero-bolt,.bc-hero-flash,.bc-hero-star,.bc-hero-temp-icon .bc-wx-drop-mini{animation:none!important}.bc-hero-bolt{opacity:.85}.bc-hero-star{opacity:.7}}