*{margin:0;padding:0;box-sizing:border-box}:root{--yellow:#fff312;--yellow-dim:#e6db11;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--black:#000000}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:var(--black);color:var(--gray-50);overflow-x:hidden;min-height:100vh;line-height:1.5;font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-container{position:relative;min-height:100vh;display:flex;flex-direction:column}.navigation{position:absolute;top:0;left:0;right:0;padding:2rem;z-index:100;opacity:0;animation:fadeIn 1s ease 1.5s forwards}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo-mark{font-size:1.1rem;font-weight:800;color:#ffffff;letter-spacing:.5px;transform:skewX(-2deg)}.nav-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-400)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 6rem;position:relative;overflow:hidden;min-height:100vh}.hero-content{text-align:center;max-width:720px;position:relative;z-index:3}.geometric-shape{position:absolute;background:linear-gradient(135deg,rgba(255,243,18,.08),rgba(255,243,18,.02));border-radius:20px;pointer-events:none;animation:geometricFloat 15s ease-in-out infinite}.shape-1{width:200px;height:300px;top:10%;right:10%;transform:rotate(15deg);animation-delay:0s}.shape-2{width:150px;height:150px;bottom:20%;left:15%;transform:rotate(-25deg);animation-delay:5s}.shape-3{width:100px;height:200px;top:30%;left:5%;transform:rotate(45deg);animation-delay:10s}@keyframes geometricFloat{0%,to{transform:translateY(0) rotate(var(--rotation,0deg));opacity:.6}50%{transform:translateY(-30px) rotate(calc(var(--rotation, 0deg) + 10deg));opacity:.8}}.logo-container{margin-bottom:-1rem;opacity:0;transform:translateY(20px) scale(.8);animation:logoMegaReveal 1.2s cubic-bezier(.23,1,.32,1) .2s forwards;position:relative}.logo-container:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(255,243,18,.1) 0,transparent 70%);border-radius:50%;z-index:-1;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes logoMegaReveal{to{opacity:1;transform:translateY(0) scale(1)}}.logo-svg{width:200px;height:200px;margin:0 auto;transition:all .6s cubic-bezier(.23,1,.32,1);cursor:pointer}.logo-svg:hover{transform:scale(1.04)}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.01em;margin-bottom:2rem;color:var(--gray-50);opacity:0;transform:translateY(20px);animation:slideUp .8s cubic-bezier(.23,1,.32,1) .4s forwards;line-height:1.1;position:relative;text-shadow:0 4px 20px rgba(0,0,0,.3)}.title-char{display:inline-block;opacity:0;transform:translateY(100px) rotateX(90deg);animation:charReveal .8s cubic-bezier(.23,1,.32,1) forwards}@keyframes charReveal{to{opacity:1;transform:translateY(0) rotateX(0deg)}}.hero-subtitle{font-size:1.125rem;font-weight:600;color:var(--yellow);margin-bottom:1.5rem;animation:slideUp .8s cubic-bezier(.23,1,.32,1) .6s forwards;letter-spacing:.08em;text-transform:uppercase}.hero-description,.hero-subtitle{opacity:0;transform:translateY(20px)}.hero-description{font-size:1rem;font-weight:400;color:var(--gray-400);margin-bottom:3rem;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7;animation:slideUp .8s cubic-bezier(.23,1,.32,1) .8s forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.cta-container{opacity:0;transform:translateY(20px);animation:slideUp .8s cubic-bezier(.23,1,.32,1) 1s forwards}.email-form{display:flex;gap:.75rem;max-width:400px;margin:0 auto 2rem;align-items:stretch}.email-input{flex:1;padding:1rem 1.5rem;border:1px solid var(--gray-800);background:rgba(255,255,255,.02);border-radius:8px;color:var(--gray-50);font-size:.95rem;outline:none;transition:all .3s cubic-bezier(.23,1,.32,1);backdrop-filter:blur(8px)}.email-input::placeholder{color:var(--gray-500)}.email-input:focus{border-color:var(--gray-600);background:rgba(255,255,255,.04)}.submit-btn{padding:1rem 1.75rem;background:var(--black);color:var(--yellow);border:2px solid var(--yellow);border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);white-space:nowrap;position:relative;overflow:hidden}.submit-btn:hover{background:rgba(255,243,18,.1);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.magnetic{transition:transform .3s cubic-bezier(.23,1,.32,1)}.magnetic:hover{transform:translateY(-1px) scale(1.02)}.footer-text{font-size:.875rem;color:var(--gray-500);letter-spacing:.01em}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;background-image:linear-gradient(rgba(255,243,18,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,243,18,.03) 1px,transparent 0);background-size:80px 80px;mask:radial-gradient(circle at center,black 40%,transparent 70%);-webkit-mask:radial-gradient(circle at center,black 40%,transparent 70%)}.gradient-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,243,18,.03) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:breathe 8s ease-in-out infinite;transition:all .3s ease}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:var(--yellow);border-radius:50%;opacity:.3;animation:float-particle 15s linear infinite}@keyframes float-particle{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) translateX(100px);opacity:0}}.success-state{display:none;color:var(--yellow);font-size:.95rem;margin-top:1rem;font-weight:500}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--yellow);color:var(--black);padding:4rem 2rem;margin-top:auto;position:relative;overflow:hidden}.footer-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}.footer-logo{font-size:clamp(4rem,12vw,12rem);font-weight:900;letter-spacing:-.04em;line-height:.8;transform:skewX(-2deg);margin-bottom:2rem;opacity:0;transform:translateY(50px) skewX(-2deg);animation:footerLogoReveal 1.2s cubic-bezier(.23,1,.32,1) .5s forwards}.footer-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:3rem;opacity:0;transform:translateY(30px);animation:slideUp .8s cubic-bezier(.23,1,.32,1) .8s forwards}.footer-section h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--black)}.footer-section a,.footer-section p{font-size:.95rem;line-height:1.6;color:rgba(0,0,0,.8);text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:var(--black)}.footer-links{display:flex;flex-direction:column;gap:.5rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;background:rgba(0,0,0,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.23,1,.32,1);text-decoration:none;color:var(--black)}.social-link:hover{background:rgba(0,0,0,.2);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(0,0,0,.1);margin-top:3rem;padding-top:2rem;text-align:left;font-size:.875rem;color:rgba(0,0,0,.6)}.footer-background-pattern{position:absolute;top:0;right:0;width:50%;height:100%;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 0);background-size:30px 30px;pointer-events:none}@keyframes footerLogoReveal{to{opacity:1;transform:translateY(0) skewX(-2deg)}}@media (max-width:768px){.navigation{padding:1.5rem}.hero{padding:4rem 1.5rem 3rem}.logo-svg{width:160px;height:160px}.email-form{flex-direction:column;gap:.75rem}.email-input,.submit-btn{width:100%}.footer{padding:3rem 1.5rem}.footer-info{grid-template-columns:1fr;gap:2rem}.geometric-shape{display:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}