*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0d0d0d;width:100vw;height:100dvh;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{width:100vw;height:100dvh;position:relative;overflow:hidden}.video-layer{object-fit:cover;object-position:center;opacity:0;pointer-events:none;background-color:#0d0d0d;width:100%;height:100%;transition:opacity .4s ease-out;position:absolute;top:0;left:0}.video-layer.active{opacity:1}.hero-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.floating-container{text-align:center;will-change:transform;flex-direction:column;align-items:center;max-width:840px;animation:6s ease-in-out infinite bucketFloat;display:flex}@keyframes bucketFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.badge{-webkit-backdrop-filter:blur(14px);background:#0f0f0fa6;border:1px solid #f9630273;border-radius:9999px;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.5rem 1.1rem;display:inline-flex;box-shadow:0 4px 20px #00000080,0 0 15px #f9630233}.badge-dot{background-color:#f96302;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulseDot;box-shadow:0 0 8px #f96302}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.badge-text{letter-spacing:.16em;color:#fa6;text-transform:uppercase;font-size:.82rem;font-weight:700}.hero-title{letter-spacing:.06em;color:#fff;text-transform:uppercase;text-shadow:0 4px 24px #000000f2,0 2px 8px #000000d9,0 0 35px #f9630259;margin-bottom:1.35rem;font-size:clamp(3.2rem,9.5vw,6.8rem);font-weight:900;line-height:1}.hero-subtitle{letter-spacing:.035em;color:#f8f9fa;text-shadow:0 2px 20px #000000f2,0 1px 6px #000000d9,0 0 25px #000000b3;cursor:pointer;pointer-events:auto;opacity:1;will-change:opacity, transform;justify-content:center;align-items:center;max-width:680px;min-height:2.6em;font-size:clamp(1.15rem,2.7vw,1.55rem);font-weight:600;line-height:1.5;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),color .25s;display:flex;transform:translateY(0)}.hero-subtitle:hover{color:#fa6}.hero-subtitle.fade-out{opacity:0;transform:translateY(6px)}.hero-subtitle.fade-in{opacity:1;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.hero-overlay{padding:1.25rem}.badge{margin-bottom:1.1rem;padding:.4rem .85rem}.badge-text{letter-spacing:.1em;font-size:.72rem}.hero-title{margin-bottom:1rem}.hero-subtitle{font-size:.95rem}}