@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;overflow:hidden}.auth-page{background:#fafafa;justify-content:space-between;align-items:center;height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:-1;background:linear-gradient(135deg,#b76cfd33,#50e3c233);width:100%;height:100%;animation:10s ease-in-out infinite gradientShift;position:absolute;top:0;left:0}.auth-page .waveform-bg{fill:#3f8efc26;filter:drop-shadow(0 0 10px #3f8efc4d);z-index:0;width:100%;height:100%;animation:6s linear infinite waveFlow;position:absolute;top:0;left:0}.auth-page .particle{pointer-events:none;background:#ffd70099;border-radius:50%;animation:10s infinite float;position:absolute}.auth-page .particle.square{background:#50e3c299;border-radius:0}@keyframes float{0%{opacity:.7;transform:translateY(0)translate(0)}50%{opacity:.3}to{opacity:0;transform:translateY(-100vh)translate(15px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes waveFlow{0%{opacity:.7;transform:translate(0)}25%{opacity:1;transform:translate(-50px,-31.25px)translateY(3px)}50%{opacity:.7;transform:translate(-100px,-62.5px)}75%{opacity:1;transform:translate(-50px,-31.25px)translateY(3px)}to{opacity:.7;transform:translate(0)}}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:10;background:#fffffff2;border:1px solid #3f8efc4d;border-radius:20px;width:100%;max-width:460px;height:fit-content;max-height:calc(100vh - 40px);padding:30px;font-family:Montserrat,sans-serif;animation:.8s cubic-bezier(.34,1.56,.64,1) zoomIn;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000001a,0 0 15px #3f8efc33}.auth-container:after{content:"";background:linear-gradient(217deg,#b76cfd0d,transparent 70%,127deg,#50e3c20d,transparent 70%,336deg,#3f8efc0d,transparent 70%);z-index:-1;width:200%;height:200%;animation:15s linear infinite glowRotate;position:absolute;top:-50%;left:-50%}.auth-header{margin-bottom:25px;position:relative}.auth-header h1{letter-spacing:2.5px;text-transform:uppercase;background:linear-gradient(90deg,#3f8efc,#b76cfd);-webkit-text-fill-color:transparent;color:#3f8efc;-webkit-background-clip:text;background-clip:text;margin:0;font-size:34px;font-weight:800;transition:transform .3s;animation:3s infinite shimmer;display:inline-block;position:relative}.auth-header h1 .letter{background:inherit;-webkit-background-clip:inherit;background-clip:inherit;-webkit-text-fill-color:inherit;color:inherit;display:inline-block;position:relative}.auth-header h1:after{content:"";background:linear-gradient(90deg,#3f8efc,#b76cfd);border-radius:2px;width:45px;height:3px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.auth-header p{color:#333;letter-spacing:1px;opacity:.85;margin:8px 0 0;font-size:14px;font-weight:500}.auth-container h2{color:#333;text-transform:uppercase;letter-spacing:1.8px;text-shadow:0 0 10px #3f8efc66;margin-bottom:20px;font-size:26px;font-weight:700}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input-label{text-align:left;position:relative}.auth-input{color:#333;background:#fffc;border:1px solid #e0e0e080;border-radius:12px;width:100%;padding:12px;font-size:15px;transition:all .3s}.auth-input:focus{border-color:#3f8efc;outline:none;animation:1.2s infinite inputGlow;box-shadow:0 0 15px #3f8efc66}.auth-input::placeholder{color:#999;transition:all .3s}.auth-input:focus::placeholder{opacity:.6;transform:translate(6px)}.auth-input-label span{color:#666;pointer-events:none;font-size:13px;transition:all .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-input:focus+span,.auth-input:not(:placeholder-shown)+span{color:#3f8efc;background:#fafafa;border-radius:4px;padding:0 6px;font-size:11px;top:-10px;left:12px}.auth-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;background:#b76cfd;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #3f8efc33}.auth-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.auth-button:hover{background:#9446eb;animation:1.5s infinite buttonGlow;transform:translateY(-6px);box-shadow:0 8px 20px #9446eb4d}.auth-button:hover:before{left:100%}.auth-button:active{transform:translateY(-2px);box-shadow:0 4px 10px #3f8efc33}.auth-page .divider{color:#666;text-transform:uppercase;justify-content:center;align-items:center;margin:20px 0;font-size:13px;display:flex;position:relative}.auth-page .divider:before,.auth-page .divider:after{content:"";background:linear-gradient(90deg,#0000,#e0e0e080,#0000);flex:1;height:1px;margin:0 15px}.google-button{justify-content:center;align-items:center;min-height:40px;margin:20px 0;display:flex}.google-button>div{border-radius:12px;max-width:360px;overflow:hidden;box-shadow:0 2px 10px #3f8efc33;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.google-button>div>div{justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.google-button>div>div>div{text-align:center!important;margin:0 auto!important}.auth-link{color:#666;font-size:13px}.auth-link a{color:#ff5a5f;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.auth-link a:after{content:"";background:linear-gradient(90deg,#3f8efc,#50e3c2);width:0;height:2px;transition:all .3s;position:absolute;bottom:-2px;left:0}.auth-link a:hover{color:#3f8efc}.auth-link a:hover:after{width:100%}.auth-page .error-message{color:#ff5a5f;background:#ff5a5f1a;border-left:3px solid #ff5a5f;border-radius:8px;margin:10px 0;padding:10px;font-size:.85rem;animation:.5s errorShake}.auth-page .success-message{color:#50e3c2;background:#50e3c21a;border-left:3px solid #50e3c2;border-radius:8px;margin:10px 0;padding:10px;font-size:.85rem;animation:2s infinite successPulse}.verification-message{background:#ffffffe6;border:1px solid #3f8efc33;border-radius:10px;padding:20px;animation:.5s ease-out messageReveal}.verification-message p{color:#333;margin-bottom:12px;font-size:14px;line-height:1.5}.verification-message strong{color:#3f8efc;font-weight:600}.auth-page .logo-element{z-index:15;border:2px solid gold;border-radius:50%;width:24px;height:24px;animation:.5s infinite bounce,7s infinite moveOverLetters;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.auth-page .logo-element:before{content:"";background:#3f8efc;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bounce{0%,to{transform:translateY(0)translate(-50%)}50%{transform:translateY(-10px)translate(-50%)}}@keyframes moveOverLetters{0%,7.14%{left:calc(50% - 85px)}7.14%,14.28%{left:calc(50% - 65px)}14.28%,21.42%{left:calc(50% - 45px)}21.42%,28.56%{left:calc(50% - 25px)}28.56%,35.7%{left:calc(50% - 5px)}35.7%,42.84%{left:calc(50% + 38px)}42.84%,50%{left:calc(50% + 62px)}50%,57.14%{left:calc(50% + 62px)}57.14%,64.28%{left:calc(50% + 38px)}64.28%,71.42%{left:calc(50% - 5px)}71.42%,78.56%{left:calc(50% - 25px)}78.56%,85.7%{left:calc(50% - 45px)}85.7%,92.84%{left:calc(50% - 65px)}92.84%,to{left:calc(50% - 85px)}}.rotating-text-container{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:10px;flex:1;justify-content:center;align-items:center;max-width:50%;max-height:calc(100vh - 40px);padding:15px;display:flex;overflow:hidden;box-shadow:0 5px 15px #0000000d}.rotating-text-wrapper{width:100%;height:100px;position:relative;overflow:hidden}.rotating-text{color:#333;clip-path:inset(0 100% 0 0);text-shadow:0 0 8px #3f8efc4d;text-align:center;width:100%;font-size:32px;font-weight:700;line-height:1.2;animation:25s infinite wipeTransition;position:absolute}.rotating-text:first-child{animation-delay:0s}.rotating-text:nth-child(2){animation-delay:5s}.rotating-text:nth-child(3){animation-delay:10s}.rotating-text:nth-child(4){animation-delay:15s}.rotating-text:nth-child(5){animation-delay:20s}@keyframes wipeTransition{0%{clip-path:inset(0 100% 0 0)}4%{clip-path:inset(0)}16%{clip-path:inset(0)}20%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 100%)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes buttonGlow{0%{box-shadow:0 8px 20px #9446eb4d}50%{box-shadow:0 8px 25px #9446eb80}to{box-shadow:0 8px 20px #9446eb4d}}@keyframes inputGlow{0%{box-shadow:0 0 15px #3f8efc66}50%{box-shadow:0 0 20px #3f8efc99}to{box-shadow:0 0 15px #3f8efc66}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes successPulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@keyframes messageReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.rotating-text-container{max-width:45%}.rotating-text{font-size:28px}.rotating-text-wrapper{height:80px}.auth-container{max-height:calc(100vh - 40px)}}@media (max-width:768px){.rotating-text-container{max-width:40%;padding:10px}.rotating-text{font-size:24px}.rotating-text-wrapper{height:60px}.auth-container{max-height:calc(100vh - 40px);padding:20px}.auth-header h1{font-size:30px}.auth-container h2{font-size:22px}.auth-button{padding:12px;font-size:14px}}@media (max-width:480px){.auth-page{flex-direction:column;justify-content:center;align-items:center;padding:15px}.auth-container{max-width:90%;max-height:calc(100vh - 30px);padding:20px}.auth-header h1{font-size:28px}.auth-container h2{font-size:20px}.auth-button{padding:12px;font-size:14px}.google-button>div{width:100%!important}.rotating-text-container{display:none}}