:root{--primary:#767676;--secondary:#9da620;--accent:#96aa13;--dark:#0a0a0a;--light:#f0f0f0;--overlay:rgba(10, 10, 10, 0.85);--footer-height:10vh}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:hidden;position:fixed;touch-action:none;overscroll-behavior:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--dark);color:var(--light);font-weight:400;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.hero{position:relative;flex:1;min-height:calc(100vh - var(--footer-height));display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;overflow:hidden;opacity:0;animation:.5s .3s forwards fadeIn}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay);z-index:1}.bg-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;z-index:0;filter:blur(10px);transform:translate(-50%,-50%) scale(1.05);transition:filter .8s,transform .8s}.bg-video.loaded{filter:none;transform:translate(-50%,-50%)}.content{position:relative;z-index:2;max-width:800px;width:100%;padding-bottom:20px}.logo{font-family:'Clash Display',sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(124,138,32,.3);opacity:0;animation:1s .3s forwards fadeInUp,8s linear infinite logoFlicker;letter-spacing:-.5px}.tagline{font-family:Satoshi,sans-serif;font-size:clamp(1rem,3vw,1.3rem);font-weight:400;margin-bottom:2.5rem;color:var(--light);letter-spacing:.2px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;opacity:0;animation:1s .6s forwards fadeInUp}.coming-soon{font-family:'Clash Display',sans-serif;font-size:clamp(1.5rem,5vw,3rem);font-weight:500;text-transform:uppercase;letter-spacing:3px;margin-bottom:2rem;opacity:1;animation:4s linear infinite textFlicker;color:var(--light);text-shadow:0 0 12px rgba(255,255,255,.3)}.progress-container{width:100%;height:3px;background:rgba(255,255,255,.1);border-radius:3px;margin:2rem auto;overflow:hidden;max-width:600px;opacity:0;animation:1s 1.2s forwards fadeIn}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--secondary));animation:3s 1.5s forwards progress,3s ease-in-out infinite progressFlicker;box-shadow:0 0 10px rgba(157,166,32,.5)}.social-links{display:flex;gap:20px;margin-top:2rem;justify-content:center}.social-links a{color:#fff;font-size:1.5rem;transition:transform .3s;opacity:0;animation:fadeIn .5s var(--delay) forwards}.social-links a:hover{transform:translateY(-5px)}.footer{background:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.9));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;padding:25px;width:100%;height:var(--footer-height);min-height:80px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10;transition:.5s cubic-bezier(.4,0,.2,1);overflow:hidden}.footer::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0 50%,rgba(0,0,0,.6) 0,transparent 50%),radial-gradient(circle at 100% 50%,rgba(0,0,0,.6) 0,transparent 50%);opacity:.8;transition:.4s;animation:15s ease-in-out infinite alternate footerFog}.footer-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{font-family:'Clash Display',sans-serif;font-size:clamp(.85rem,2.5vw,1rem);font-weight:400;font-feature-settings:"liga" 1;color:rgba(255,255,255,.75);transition:.4s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:1px;text-align:center;font-style:normal;line-height:1.6}.footer:hover .footer-content{color:rgba(255,255,255,.85);letter-spacing:1.8px}@media (max-width:480px){.footer-content{font-size:.82rem;letter-spacing:1.2px}}@keyframes footerFog{0%,100%{opacity:.6;transform:translateX(-2%)}50%{opacity:.8;transform:translateX(2%)}}@keyframes footerGlow{0%,100%{box-shadow:0 -4px 15px rgba(0,0,0,.1)}50%{box-shadow:0 -4px 20px rgba(0,0,0,.2)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);will-change:transform,opacity}to{opacity:1;transform:translateY(0);will-change:transform,opacity}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes progress{from{width:0}to{width:40%}}@keyframes fogFlow{0%,100%{transform:translateX(-10%) translateY(0);opacity:.7}50%{transform:translateX(10%) translateY(0);opacity:.8}}@keyframes curvyFog{0%,100%{transform:scale(1) translate(0,0)}33%{transform:scale(1.05) translate(-2%,2%)}66%{transform:scale(1.05) translate(2%,-2%)}}@keyframes textFlicker{0%,10%,100%,6%,8%,89%,91%,93%,96%{opacity:1}3%{opacity:.8}7%,9%,90%,92%,94%{opacity:.9}}@keyframes logoFlicker{0%,100%,45%,47%,49%,50%,89%,91%{opacity:1}46%,48%,90%{opacity:.9}}@keyframes progressFlicker{0%,100%{opacity:1}50%{opacity:.8}}@media (max-width:768px){:root{--footer-height:15vh}.hero{min-height:calc(85vh - 20px);padding-bottom:20px}.coming-soon{margin-bottom:1.5rem;font-size:clamp(1.3rem,6vw,2rem)}.progress-container{max-width:300px;margin:1.5rem auto}.footer{padding:20px;min-height:70px}}@media (max-width:480px){:root{--footer-height:12vh}.logo{font-size:clamp(2rem,10vw,3rem)}.coming-soon{letter-spacing:2px;margin-bottom:1rem}.progress-container{max-width:250px}.social-links{gap:15px;margin-top:1.5rem}.footer{min-height:60px}.footer-content{font-size:.8rem;letter-spacing:.6px}}