*{margin:0;padding:0;box-sizing:border-box}.video-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f5f5;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-in-out}.video-loader video{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0;filter:contrast(1.2) brightness(.9) saturate(1.1)}.video-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f5f5;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease-in-out;overflow:hidden}.video-loader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#0000001a 50%);background-size:100% 4px;animation:scanlines .1s linear infinite;pointer-events:none;z-index:1}.video-loader:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,transparent 0%,rgba(255,255,255,.1) 1%,transparent 2%),radial-gradient(circle at 80% 20%,transparent 0%,rgba(255,255,255,.1) 1%,transparent 2%),radial-gradient(circle at 40% 80%,transparent 0%,rgba(255,255,255,.1) 1%,transparent 2%);animation:noise .2s linear infinite;pointer-events:none;z-index:2}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes noise{0%,to{opacity:.8}50%{opacity:1}}.video-loader video{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0;filter:contrast(1.2) brightness(.9) saturate(1.1) hue-rotate(0deg);animation:colorShift 3s ease-in-out infinite}@keyframes colorShift{0%,to{filter:contrast(1.2) brightness(.9) saturate(1.1) hue-rotate(0deg)}25%{filter:contrast(1.3) brightness(.85) saturate(1.2) hue-rotate(2deg)}50%{filter:contrast(1.1) brightness(.95) saturate(1.05) hue-rotate(-1deg)}75%{filter:contrast(1.25) brightness(.88) saturate(1.15) hue-rotate(1deg)}}@keyframes vhsGlitch{0%,to{transform:translate(0) skew(0)}10%{transform:translate(-2px) skew(-.5deg)}20%{transform:translate(2px) skew(.5deg)}30%{transform:translate(-1px) skew(-.2deg)}40%{transform:translate(1px) skew(.2deg)}50%{transform:translate(0) skew(0)}60%{transform:translate(-3px) skew(-.8deg)}70%{transform:translate(3px) skew(.8deg)}80%{transform:translate(-1px) skew(-.3deg)}90%{transform:translate(1px) skew(.3deg)}}.video-loader video{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0;filter:contrast(1.2) brightness(.9) saturate(1.1) hue-rotate(0deg);animation:colorShift 3s ease-in-out infinite,vhsGlitch .5s ease-in-out infinite}.video-loader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#0000001a 50%),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 1%,transparent 2%);background-size:100% 4px,4px 100%;animation:scanlines .1s linear infinite;pointer-events:none;z-index:1}.video-loader.fade-out{opacity:0}.video-loader.fade-out video{opacity:0}.main-content{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.main-content.show{opacity:1;transform:translateY(0)}.logo{opacity:0;transform:scale(.8) translateY(-20px);transition:opacity .3s ease-out .1s,transform .3s ease-out .1s}.main-content.show .logo{opacity:1;transform:scale(1) translateY(0)}.left-section{opacity:0;transform:translate(-30px);transition:opacity .4s ease-out .2s,transform .4s ease-out .2s}.main-content.show .left-section{opacity:1;transform:translate(0)}.right-section{opacity:0;transform:translate(30px);transition:opacity .4s ease-out .3s,transform .4s ease-out .3s}.main-content.show .right-section{opacity:1;transform:translate(0)}.btn{opacity:0;transform:translateY(10px);transition:opacity .3s ease-out .4s,transform .3s ease-out .4s}.main-content.show .btn{opacity:1;transform:translateY(0)}.form-group{opacity:0;transform:translateY(10px);transition:opacity .3s ease-out .5s,transform .3s ease-out .5s}.main-content.show .form-group{opacity:1;transform:translateY(0)}.form-group:nth-child(2){transition-delay:.6s}.form-group:nth-child(3){transition-delay:.7s}body{background:#f5f5f5;transition:background .5s ease-in-out}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.main-content{width:100%;height:100vh}body{font-family:Inter,sans-serif;background:radial-gradient(circle at 40% 50%,#f8f8f8,#f0f0f0,#e8e8e8 60%,#e0e0e0);color:#333;overflow:hidden;height:100vh;position:relative;transition:background 2s ease,color 2s ease}.container{display:flex;height:100vh;position:relative;align-items:center;justify-content:center;padding:0 40px;margin-top:40px}.left-section{width:500px;height:700px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.glass-card{width:120%;height:calc(120% - 90px);background:transparent;border-radius:28px;position:relative;overflow:visible;box-shadow:none;transform:scale(1.2)}.left-section:before{content:"";position:absolute;top:-400px;left:-400px;right:-400px;bottom:-400px;background:radial-gradient(circle at 50% 50%,var(--video-color-1, #ffb36f) 0%,var(--video-color-1-alpha, rgba(255,179,111,.5)) 20%,var(--video-color-2, rgba(255,179,111,.3)) 40%,var(--video-color-2, rgba(255,179,111,.1)) 70%,transparent 100%);filter:blur(100px);opacity:1;z-index:-1;transition:all .8s ease;animation:breathe 4s ease-in-out infinite;mix-blend-mode:screen;border-radius:50%;transform-origin:center;transform:translate(var(--mouse-x, 0),var(--mouse-y, 0))}.left-section:after{content:"";position:absolute;top:-300px;left:-300px;right:-300px;bottom:-300px;background:radial-gradient(circle at 50% 50%,var(--video-color-3, rgba(255,179,111,.3)) 0%,transparent 60%);filter:blur(120px);opacity:.8;z-index:-2;animation:breathe 6s ease-in-out infinite reverse;mix-blend-mode:screen;transition:all .8s ease;border-radius:50%}@keyframes breathe{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.6}}.hero-video{position:absolute;top:20px;left:20px;right:20px;bottom:20px;border-radius:20px;overflow:visible;background:transparent}.hero-video video{width:100%;height:100%;object-fit:cover;border:none;outline:none;border-radius:20px}.nav-logo{position:fixed;top:40px;left:0;right:0;z-index:1000;padding:10px;display:flex;justify-content:center;align-items:center;width:100%}.nav-logo img{height:80px;width:auto;border:none!important;outline:none!important;box-shadow:none!important;background:none!important}.launch-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 40px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 8px 32px #0000001a}.launch-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translate(-50%) translateY(-2px);box-shadow:0 12px 40px #00000026}.launch-btn:active{transform:translate(-50%) translateY(0)}@media (max-width: 1400px){.container{padding:0 30px;gap:60px}.left-section{width:600px;height:600px}.glass-card{width:110%;height:calc(110% - 80px);transform:scale(1.1)}}@media (max-width: 1200px){.container{padding:0 20px;gap:40px}.left-section{width:500px;height:500px}.glass-card{width:105%;height:calc(105% - 70px);transform:scale(1.05)}.nav-logo img{height:70px}}@media (max-width: 768px){.container{padding:0 15px;gap:30px;margin-top:20px}.left-section{width:100%;max-width:400px;height:400px}.glass-card{width:100%;height:calc(100% - 60px);transform:scale(1)}.nav-logo{top:20px}.nav-logo img{height:60px}.launch-btn{padding:14px 32px;font-size:16px}}@media (max-width: 480px){.container{padding:0 10px;gap:20px;margin-top:10px}.left-section{width:100%;max-width:350px;height:350px}.glass-card{width:100%;height:calc(100% - 50px);transform:scale(1)}.nav-logo{top:15px}.nav-logo img{height:50px}.launch-btn{padding:12px 28px;font-size:14px}.left-section:before{top:-200px;left:-200px;right:-200px;bottom:-200px;filter:blur(60px)}.left-section:after{top:-150px;left:-150px;right:-150px;bottom:-150px;filter:blur(80px)}}.login-btn.loading{pointer-events:none;opacity:.7}.login-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}