*,:before,:after{box-sizing:border-box;margin:0;padding:0}.login-page{background:#07071a;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.blob{filter:blur(90px);opacity:.13;pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite blobDrift;position:absolute}.blob-1{background:radial-gradient(circle,#6c63ff,#3b82f6);width:650px;height:650px;animation-delay:0s;top:-200px;left:-180px}.blob-2{background:radial-gradient(circle,#ec4899,#8b5cf6);width:550px;height:550px;animation-delay:-4s;bottom:-160px;right:-120px}.blob-3{background:radial-gradient(circle,#06b6d4,#3b82f6);width:420px;height:420px;animation-delay:-7s;top:50%;left:55%;transform:translate(-50%,-50%)}@keyframes blobDrift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-25px)scale(1.04)}50%{transform:translate(-18px,18px)scale(.96)}75%{transform:translate(18px,28px)scale(1.02)}}.login-container{-webkit-backdrop-filter:blur(24px);z-index:10;background:#ffffff08;border:1px solid #ffffff14;border-radius:26px;width:min(920px,96vw);min-height:570px;animation:.75s cubic-bezier(.16,1,.3,1) both cardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000080,0 0 0 1px #ffffff0a}@keyframes cardIn{0%{opacity:0;transform:translateY(36px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-left{background:linear-gradient(145deg,#121233 0%,#14213e 55%,#0f3460 100%);border-right:1px solid #ffffff0f;flex-direction:column;flex:0 0 42%;justify-content:center;padding:52px 42px;display:flex;position:relative;overflow:hidden}.brand-lockup{object-fit:contain;background:linear-gradient(145deg,#fffffffa,#ebf5fff0);border:1px solid #ffffffbf;border-radius:20px;width:100%;height:auto;margin:-18px 0 26px;padding:10px 14px;display:block;box-shadow:0 14px 38px #00000038,0 0 28px #00c2ff1a}.mobile-brand-lockup{display:none}.features-list{flex-direction:column;gap:14px;list-style:none;display:flex}.feature-item{color:#ffffffb8;opacity:0;align-items:center;gap:13px;font-size:.875rem;animation:.55s forwards featureIn;display:flex}.feature-item:first-child{animation-delay:.35s}.feature-item:nth-child(2){animation-delay:.52s}.feature-item:nth-child(3){animation-delay:.69s}@keyframes featureIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.feature-icon{color:#a5b4fc;background:#6c63ff24;border:1px solid #6c63ff47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.circle-deco{pointer-events:none;border-radius:50%;display:block;position:absolute}.circle-deco-1{border:1px solid #ffffff0a;width:320px;height:320px;bottom:-110px;right:-85px}.circle-deco-2{border:1px solid #ffffff0d;width:210px;height:210px;top:-65px;right:15px}.login-right{flex:1;justify-content:center;align-items:center;padding:44px 40px;display:flex}.form-card{width:100%;max-width:370px}.form-step{animation:.42s cubic-bezier(.16,1,.3,1) both stepIn}@keyframes stepIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.form-header{margin-bottom:28px}.form-header h2{color:#fff;letter-spacing:-.4px;margin-bottom:6px;font-size:1.78rem;font-weight:700}.form-header p{color:#ffffff6b;font-size:.88rem}.field-group{margin-bottom:18px}.field-group label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.78rem;font-weight:600;display:block}.field-wrapper{position:relative}.field-icon{color:#ffffff47;pointer-events:none;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field-input{color:#fff;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:13px;outline:none;width:100%;padding:13px 14px 13px 42px;font-family:inherit;font-size:.93rem;transition:border-color .25s,background .25s,box-shadow .25s}.field-input::placeholder{color:#fff3}.field-input:focus{background:#6c63ff1a;border-color:#6c63ffa6;box-shadow:0 0 0 3.5px #6c63ff1f}.field-input.field-invalid{border-color:#ef4444b3;box-shadow:0 0 0 3.5px #ef44441a}.field-error{color:#f87171;align-items:center;margin-top:7px;font-size:.78rem;display:flex}.btn-primary{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#3b82f6);border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:22px;padding:14px;font-family:inherit;font-size:.93rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 22px #6c63ff61}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%);transition:transform .55s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #6c63ff85}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.or-divider{align-items:center;gap:12px;margin:22px 0;display:flex}.or-divider:before,.or-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.or-divider span{color:#ffffff52;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-size:.76rem}.btn-google{color:#ffffffd1;cursor:pointer;letter-spacing:.1px;background:#ffffff0d;border:1.5px solid #ffffff1c;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 14px;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .25s,border-color .25s,transform .2s,box-shadow .2s;display:flex}.btn-google:hover{background:#ffffff17;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.btn-google:active{transform:translateY(0)}.signup-hint{text-align:center;color:#ffffff61;margin-top:22px;font-size:.84rem}.signup-hint a{color:#a5b4fc;font-weight:600;text-decoration:none;transition:color .2s}.signup-hint a:hover{color:#6c63ff;text-decoration:underline}.back-btn{color:#ffffffa6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:22px;font-size:14px;transition:background .2s,color .2s;display:flex}.back-btn:hover{color:#fff;background:#ffffff1f}.otp-badge{color:#a5b4fc;background:linear-gradient(135deg,#6c63ff33,#3b82f62e);border:1px solid #6c63ff4d;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:16px;font-size:26px;animation:.4s cubic-bezier(.16,1,.3,1) both badgePop;display:flex}@keyframes badgePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.email-chip{word-break:break-all;font-weight:600;color:#a5b4fc!important;margin-top:3px!important;font-size:.88rem!important}.otp-row{justify-content:center;gap:10px;margin:26px 0 8px;display:flex}.otp-box{text-align:center;color:#fff;caret-color:#6c63ff;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:13px;outline:none;width:50px;height:56px;font-family:inherit;font-size:1.3rem;font-weight:700;transition:border-color .22s,background .22s,box-shadow .22s,transform .18s}.otp-box:focus{background:#6c63ff1f;border-color:#6c63ff;transform:scale(1.07);box-shadow:0 0 0 3.5px #6c63ff26}.otp-box.otp-filled{color:#c4b5fd;background:#6c63ff17;border-color:#6c63ff80}.resend-hint{text-align:center;color:#ffffff61;margin-top:20px;font-size:.84rem}.link-btn{color:#a5b4fc;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.84rem;font-weight:600;transition:color .2s}.link-btn:hover{color:#6c63ff;text-decoration:underline}@media (max-width:700px){.login-left{display:none}.login-container{min-height:unset}.login-right{padding:36px 22px}.mobile-brand-lockup{background:#fffffff5;border-radius:14px;width:150px;height:auto;margin:0 auto 22px;padding:8px 10px;display:block;box-shadow:0 8px 24px #0000002e}.otp-box{width:44px;height:50px;font-size:1.15rem}}@media (max-width:400px){.login-right{padding:28px 16px}.form-header h2{font-size:1.5rem}.otp-box{width:38px;height:44px;font-size:1rem}.otp-row{gap:7px}.btn-primary,.btn-google{padding:12px;font-size:.88rem}}