.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(255,174,2,.1) 0,rgba(255,174,2,0) 70%),url(/image/loginbg.jpg)}.bg-blob-1{top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,174,2,.15) 0,rgba(255,174,2,0) 70%)}.bg-blob-1,.bg-blob-2{position:fixed;border-radius:50%;z-index:0}.bg-blob-2{bottom:-300px;left:-300px;width:800px;height:800px;background:radial-gradient(circle,rgba(255,174,2,.1) 0,rgba(255,174,2,0) 70%)}.login-card{width:100%;max-width:480px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 15px 50px rgba(0,0,0,.1);z-index:1;border:1px solid hsla(0,0%,100%,.2)}.logo-section{text-align:center;margin-bottom:1px}.logo-section .logo{margin-bottom:10px;transition:transform .3s ease}.logo-section .logo:hover{transform:rotate(15deg)}.logo-section h1{font-size:32px;font-weight:700;margin-bottom:8px;text-transform:lowercase;letter-spacing:1px;background:linear-gradient(90deg,#1a1a1a 60%,#FFAE02 0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.logo-section h1 span{font-weight:800}.logo-section p{color:rgb(102.5,102.5,102.5);font-size:14px}.auth-form,.otp-form{gap:20px}.auth-form,.form-group,.otp-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;font-weight:500;color:#1a1a1a}.form-input{padding:15px 20px;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;transition:all .3s ease;background-color:rgba(245,245,245,.3)}.form-input:focus{outline:none;border-color:#ffae02;box-shadow:0 0 0 3px rgba(255,174,2,.1)}.primary-button{background-color:#ffae02;color:#fff;border:none;padding:16px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:10px}.primary-button:hover{background-color:rgb(206,140.04743083,0)}.primary-button:disabled{background-color:rgb(255,206.6561264822,104);cursor:not-allowed}.divider{display:flex;align-items:center;margin:20px 0;color:gray;font-size:14px}.divider:after,.divider:before{content:"";flex:1 1;border-bottom:1px solid rgba(0,0,0,.1)}.divider span{padding:0 15px}.social-login{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background-color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:15px}.social-login:hover{background-color:#f5f5f5}.social-login.google{color:#1a1a1a}.social-login.apple{background-color:#000;color:#fff}.social-login.apple:hover{background-color:hsl(0,0%,10%)}.otp-form .otp-instructions{text-align:center;margin-bottom:30px;color:#4d4d4d;line-height:1.6}.otp-form .otp-instructions strong{color:#1a1a1a;font-weight:600}.otp-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.otp-inputs .otp-input{width:50px;height:60px;text-align:center;font-size:24px;font-weight:600;border:1px solid rgba(0,0,0,.1);border-radius:10px;transition:all .3s ease;background-color:rgba(245,245,245,.3)}.otp-inputs .otp-input:focus{outline:none;border-color:#ffae02;box-shadow:0 0 0 3px rgba(255,174,2,.1)}.otp-resend{text-align:center;margin:20px 0;color:rgb(102.5,102.5,102.5);font-size:14px}.otp-resend .resend-button{background:none;border:none;color:#ffae02;font-weight:600;cursor:pointer;padding:5px}.otp-resend .resend-button:hover{text-decoration:underline}.back-button{background:none;border:none;color:rgb(102.5,102.5,102.5);cursor:pointer;font-size:14px;margin-top:20px;text-align:center}.back-button:hover{color:#ffae02}.footer-links{display:flex;justify-content:center;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.footer-links a{color:gray;font-size:13px;text-decoration:none}.footer-links a:hover{color:#ffae02}@media(max-width:480px){.login-card{padding:30px 20px}.otp-inputs{gap:5px}.otp-inputs .otp-input{width:40px;height:50px;font-size:20px}.footer-links{flex-direction:column;gap:10px;align-items:center}}