*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0e17;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Montserrat,sans-serif;display:flex;overflow-x:hidden}.bg-animation{z-index:0;background:linear-gradient(135deg,#0a0e17 0%,#0f1729 50%,#0a0e17 100%);width:100%;height:100%;position:fixed;top:0;left:0}.bg-animation:before{content:"";background:radial-gradient(circle,#00e6b408 0%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite pulse;position:absolute;top:-50%;left:-50%}@keyframes pulse{0%,to{box-shadow:0 0 #00aeef33}50%{box-shadow:0 0 0 10px #10b98100}}.particle{opacity:0;background:#00e6b4;border-radius:50%;width:4px;height:4px;animation:15s infinite float;position:absolute}.particle:first-child{animation-delay:0s;left:10%}.particle:nth-child(2){animation-duration:12s;animation-delay:2s;left:20%}.particle:nth-child(3){animation-delay:4s;left:30%}.particle:nth-child(4){animation-duration:18s;animation-delay:1s;left:40%}.particle:nth-child(5){animation-delay:3s;left:50%}.particle:nth-child(6){animation-duration:14s;animation-delay:5s;left:60%}.particle:nth-child(7){animation-delay:2s;left:70%}.particle:nth-child(8){animation-duration:16s;animation-delay:4s;left:80%}.particle:nth-child(9){animation-delay:1s;left:90%}.particle:nth-child(10){animation-duration:20s;animation-delay:6s;left:15%}@keyframes float{0%,to{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(50px)}}.container{z-index:10;text-align:center;width:100%;max-width:800px;padding:2rem;position:relative}.logo-wrapper{margin-bottom:3rem;animation:1s ease-out fadeInDown}.logo-wrapper img{filter:drop-shadow(0 0 30px #00e6b433);width:100%;max-width:400px;height:auto}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.glitch{background:linear-gradient(135deg,#00e6b4 0%,#00c9a7 50%,#00b894 100%);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;animation:1s ease-out .3s both fadeInUp}.subtitle{color:#8892b0;letter-spacing:4px;text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:300;animation:1s ease-out .5s both fadeInUp}.time4auth-btn{color:#00e6b4;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#00e6b40d;border:1px solid #00e6b44d;border-radius:50px;outline:none;justify-content:center;align-items:center;padding:1rem 2.5rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;animation:1s ease-out .7s both fadeInUp;display:inline-flex}.time4auth-btn:hover{background:#00e6b41a;border-color:#00e6b499;transform:translateY(-2px);box-shadow:0 10px 30px #00e6b433}.time4auth-btn:active{transform:translateY(0)}.welcome-back{color:#00e6b4;letter-spacing:1px;font-size:1.1rem;font-weight:700;animation:1s ease-out .7s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.countdown{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;animation:1s ease-out .7s both fadeInUp;display:flex}.countdown-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00e6b40d;border:1px solid #00e6b433;border-radius:16px;min-width:100px;padding:1.5rem 2rem;transition:transform .3s,box-shadow .3s}.countdown-item:hover{border-color:#00e6b466;transform:translateY(-5px);box-shadow:0 10px 40px #00e6b426}.countdown-value{color:#00e6b4;font-size:2.5rem;font-weight:700;line-height:1;display:block}.countdown-label{text-transform:uppercase;letter-spacing:2px;color:#8892b0;margin-top:.5rem;font-size:.75rem}.signup-section{margin-bottom:3rem;animation:1s ease-out .9s both fadeInUp}.signup-text{color:#8892b0;margin-bottom:1.5rem;font-size:1rem}.signup-form{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:500px;margin:0 auto;display:flex}.email-input{color:#fff;background:#0a0e1799;border:1px solid #00e6b44d;border-radius:50px;outline:none;flex:1;min-width:250px;padding:1rem 1.5rem;font-family:Montserrat,sans-serif;font-size:1rem;transition:all .3s}.email-input::placeholder{color:#8892b0}.email-input:focus{border-color:#00e6b4;box-shadow:0 0 20px #00e6b41a}.submit-btn{color:#0a0e17;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#00e6b4 0%,#00b894 100%);border:none;border-radius:50px;padding:1rem 2.5rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00e6b44d}.submit-btn:active{transform:translateY(0)}.social-links{justify-content:center;gap:1.5rem;margin-bottom:2rem;animation:1s ease-out 1.1s both fadeInUp;display:flex}.social-link{color:#00e6b4;background:#00e6b40d;border:1px solid #00e6b433;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{background:#00e6b41a;border-color:#00e6b4;transform:translateY(-3px);box-shadow:0 5px 20px #00e6b433}.social-link svg{fill:currentColor;width:20px;height:20px}.footer{z-index:10;text-align:center;color:#8892b0;padding:2rem;font-size:.875rem;position:relative}.footer a{color:#00e6b4;text-decoration:none;transition:opacity .3s}.footer a:hover{opacity:.8}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:#0a0e17;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 #ff00c1;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-1px 0 #00e6b4;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(12px, 9999px, 52px, 0)}20%{clip:rect(58px, 9999px, 12px, 0)}40%{clip:rect(12px, 9999px, 64px, 0)}60%{clip:rect(86px, 9999px, 32px, 0)}80%{clip:rect(28px, 9999px, 92px, 0)}to{clip:rect(64px, 9999px, 16px, 0)}}@keyframes glitch-anim2{0%{clip:rect(62px, 9999px, 12px, 0)}20%{clip:rect(12px, 9999px, 58px, 0)}40%{clip:rect(92px, 9999px, 22px, 0)}60%{clip:rect(32px, 9999px, 82px, 0)}80%{clip:rect(72px, 9999px, 42px, 0)}to{clip:rect(22px, 9999px, 72px, 0)}}@media (max-width:600px){.countdown{gap:1rem}.countdown-item{min-width:70px;padding:1rem}.countdown-value{font-size:1.8rem}.signup-form{flex-direction:column;align-items:stretch}.email-input{min-width:unset}}.success-message{color:#00e6b4;margin-top:1rem;font-weight:600;animation:.5s fadeIn;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{background:#0a0e1a;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.background{z-index:0;filter:blur(10px);background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0;transform:scale(1.05)}.overlay{z-index:1;background:#0a0e1a8c;width:100%;height:100%;position:fixed;top:0;left:0}.particles{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{background:#ffffff4d;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.content{z-index:3;text-align:center;max-width:800px;padding:2rem;animation:1s ease-out fadeInUp;position:relative}.badge{color:#00aeef;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00aeef26;border:1px solid #00aeef4d;border-radius:50px;align-items:center;gap:8px;margin-bottom:2rem;padding:8px 20px;font-size:.85rem;font-weight:600;animation:2s infinite pulse;display:inline-flex}.badge:before{content:"";background:#00aeef;border-radius:50%;width:8px;height:8px;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.main-heading{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1}.main-heading .line1{color:#fff;text-shadow:0 2px 20px #00000080;display:block}.main-heading .line2{background:linear-gradient(135deg,#fbbf24 0%,#f97316 50%,#ef4444 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.subtitle{color:#ffffffb3;text-shadow:0 1px 10px #0000004d;letter-spacing:0;text-transform:none;max-width:500px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.6}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00aeef 0%,#08c 100%);border:none;border-radius:12px;outline:none;align-items:center;gap:10px;padding:16px 40px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00aeef4d}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00aeef66}.cta-button:hover:before{left:100%}.cta-button:active{transform:translateY(-1px)}.cta-button svg{width:20px;height:20px}.footer-text{color:#fff6;text-shadow:0 1px 5px #0000004d;margin-top:3rem;font-size:.85rem}.logo{margin-bottom:1.5rem;animation:1s ease-out .2s both fadeInUp}.logo img{filter:drop-shadow(0 4px 20px #00aeef4d);width:70%;max-width:280px;height:auto}.welcome-back{color:#fff;letter-spacing:.5px;text-shadow:0 1px 10px #00000059;background:#00aeef1f;border:1px solid #00aeef59;border-radius:999px;padding:12px 22px;font-weight:700;display:inline-block}@media (max-width:640px){.content{padding:1.5rem}.cta-button{padding:14px 32px;font-size:1rem}.logo img{max-width:200px}}