:root{--saffron:#FF9933;--spice:#B36B34;--teal:#2E8B8A;--rose:#D8A5A6;--white-bg:#FFF8F0;--night:#1A1A2E;--sand:#E2C08B;--white-bg-soft:rgba(255,248,240,0.96);--teal-rgb:46,139,138;--night-rgb:26,26,46}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.login-container{min-height:100vh;background:radial-gradient(circle at 20% 70%,rgba(var(--teal-rgb),.1) 0,transparent 30%),radial-gradient(circle at 80% 30%,rgba(var(--saffron),.08) 0,transparent 30%),linear-gradient(135deg,var(--white-bg) 0,var(--white-bg-soft) 100%);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='400' cy='400' r='1' fill='rgba(46, 139, 138, 0.3)'/%3E%3Ccircle cx='100' cy='300' r='0.8' fill='rgba(46, 139, 138, 0.2)'/%3E%3Ccircle cx='700' cy='200' r='1.2' fill='rgba(46, 139, 138, 0.4)'/%3E%3Ccircle cx='500' cy='600' r='0.7' fill='rgba(46, 139, 138, 0.3)'/%3E%3C/svg%3E");opacity:.4;animation:pulse 8s infinite alternate}.login-card{width:100%;max-width:400px;background:rgba(255,248,240,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:28px;overflow:hidden;box-shadow:0 12px 40px rgba(var(--night-rgb),.12),inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 4px rgba(var(--teal-rgb),.05);transition:all .6s cubic-bezier(.22,1,.36,1);z-index:10;position:relative;border:1px solid rgba(255,255,255,.18)}.login-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 16px 60px rgba(var(--night-rgb),.18),inset 0 0 0 1px rgba(255,255,255,.4),0 0 0 6px rgba(var(--teal-rgb),.08)}.login-header{background:linear-gradient(135deg,var(--teal) 0,rgba(var(--teal-rgb),.92) 100%);padding:4rem 2rem 3rem;text-align:center;color:var(--white-bg);position:relative;overflow:hidden}.login-header:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' fill='%23FFF8F0' opacity='.25'/%3E%3C/svg%3E");background-size:cover;filter:drop-shadow(0 2px 4px rgba(var(--night-rgb),.1))}.login-header:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0,transparent 70%),repeating-conic-gradient(from 0deg,transparent 0deg 15deg,rgba(255,255,255,.03) 15deg 30deg);transform:translate(-50%,-50%) rotate(0deg);animation:rotate 60s linear infinite;z-index:0;opacity:.4}.login-logo{width:96px;height:96px;margin:0 auto;position:relative;z-index:2;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px rgba(255,255,255,.3),0 12px 32px rgba(var(--night-rgb),.2),0 0 40px rgba(var(--teal-rgb),.15);transition:all .6s ease;background:var(--white-bg);padding:14px;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(var(--night-rgb),.2))}.login-logo:hover{animation:float 3s ease-in-out infinite,pulse 2s infinite;transform:scale(1.05)}.login-title{font-family:Playfair Display,serif;font-size:2.25rem;font-weight:700;margin-top:1.75rem;position:relative;z-index:2;color:var(--white-bg);letter-spacing:-.5px;text-shadow:0 2px 8px rgba(var(--night-rgb),.2);transform-style:preserve-3d}.login-subtitle{font-size:1rem;color:white;opacity:.9;margin-top:.75rem;position:relative;z-index:2;font-weight:300;letter-spacing:.5px}.login-content{padding:3rem 2.5rem;position:relative;background:radial-gradient(circle at 80% 20%,rgba(var(--teal-rgb),.03) 0,transparent 30%),radial-gradient(circle at 20% 80%,rgba(var(--saffron),.03) 0,transparent 30%)}.login-alert{padding:1.1rem 1.5rem;border-radius:16px;margin-bottom:2rem;display:flex;align-items:center;font-size:.95rem;position:relative;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px rgba(0,0,0,.05),inset 0 0 12px rgba(255,255,255,.1);transform-style:preserve-3d;transition:all .4s ease}.login-alert:before{width:6px;height:100%;background:linear-gradient(180deg,currentColor,transparent)}.login-alert:after,.login-alert:before{content:"";position:absolute;top:0;left:0}.login-alert:after{right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);z-index:-1}.login-alert.error{background:rgba(220,38,38,.1);color:#dc2626}.login-alert.success{background:rgba(22,163,74,.1);color:#16a34a}.login-alert-icon{margin-right:1rem;flex-shrink:0;font-size:1.2rem}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.85rem;padding:1.15rem;border-radius:14px;border:1px solid rgba(var(--night-rgb),.12);background:rgba(255,255,255,.7);color:var(--night);font-weight:500;transition:all .4s cubic-bezier(.175,.885,.32,1.1);margin-bottom:2rem;position:relative;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(0,0,0,.05),inset 0 0 0 1px rgba(255,255,255,.4)}.google-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:all .8s ease}.google-btn:hover{background:rgba(255,255,255,.85);border-color:rgba(var(--night-rgb),.2);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.6)}.google-btn:hover:before{left:100%}.google-icon{width:1.3rem;height:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.login-divider{display:flex;align-items:center;margin:2.5rem 0;color:var(--spice);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;position:relative}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--sand),transparent)}.login-divider:before{margin-right:1.75rem;background:linear-gradient(90deg,transparent,var(--sand))}.login-divider:after{margin-left:1.75rem;background:linear-gradient(90deg,var(--sand),transparent)}.login-form-group{margin-bottom:2rem;position:relative}.login-label{display:block;margin-bottom:.85rem;font-size:.88rem;font-weight:500;color:var(--night);letter-spacing:.5px;transform:translateZ(20px)}.login-input-wrapper{position:relative;transform-style:preserve-3d}.login-input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;border:1px solid rgba(var(--night-rgb),.1);border-radius:14px;font-size:1.05rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);background:rgba(255,255,255,.7);color:var(--night);box-shadow:0 4px 12px rgba(0,0,0,.03),inset 0 0 0 1px rgba(255,255,255,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.login-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(var(--teal-rgb),.2),0 8px 24px rgba(var(--teal-rgb),.15),inset 0 0 0 1px rgba(255,255,255,.7);transform:translateZ(10px)}.login-input-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:var(--spice);opacity:.7;transition:all .4s ease;z-index:2}.login-input:focus+.login-input-icon{color:var(--teal);opacity:1;animation:iconPulse .6s ease}@keyframes iconPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.magic-link-btn{width:100%;padding:1.25rem;border-radius:14px;background:linear-gradient(135deg,var(--teal) 0,rgba(var(--teal-rgb),.9) 100%);color:var(--white-bg);font-weight:500;border:none;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.1);display:flex;align-items:center;justify-content:center;gap:.85rem;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(var(--teal-rgb),.25),0 0 0 1px rgba(255,255,255,.2);transform-style:preserve-3d;z-index:1}.magic-link-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .6s ease;z-index:-1}.magic-link-btn:hover{background:linear-gradient(135deg,rgba(var(--teal-rgb),.9) 0,var(--teal) 100%);transform:translateY(-4px) translateZ(10px);box-shadow:0 12px 32px rgba(var(--teal-rgb),.35),0 0 0 1px rgba(255,255,255,.3)}.magic-link-btn:hover:before{transform:translateX(100%)}.magic-link-btn:active{transform:translateY(-1px)}.loader{animation:spin 1s linear infinite;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.login-footer{margin-top:3rem;text-align:center;font-size:.7rem;color:var(--spice);opacity:.8;line-height:1.6;position:relative;transform-style:preserve-3d}.login-footer:before{content:"";position:absolute;top:-1.5rem;left:50%;transform:translateX(-50%);width:50%;height:1px;background:linear-gradient(90deg,transparent,var(--sand),transparent);opacity:.5}.login-footer a{color:var(--teal);font-weight:500;text-decoration:none;transition:all .3s ease;position:relative;display:inline-block}.login-footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--saffron);transition:width .4s ease}.login-footer a:hover{color:var(--saffron)}.login-footer a:hover:after{width:100%}@media (min-width:1024px){.login-card{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232E8B8A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E"),auto}}@media (max-width:640px){.login-container{padding:1.5rem;background-size:200% 200%}.login-card{border-radius:24px;max-width:100%}.login-header{padding:3rem 1.5rem 2.5rem}.login-content{padding:2.5rem 1.5rem}.login-title{font-size:2rem}.login-logo{width:84px;height:84px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-transition{animation:fadeIn .8s cubic-bezier(.175,.885,.32,1.275) forwards}.magic-link-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0,transparent 70%),repeating-conic-gradient(from 0deg,transparent 0deg 10deg,rgba(255,255,255,.1) 10deg 20deg);transform:rotate(30deg);opacity:0;transition:opacity .4s ease}.magic-link-btn:hover:after{opacity:.3;animation:shine 1.5s ease infinite}@keyframes shine{to{transform:translateX(100%) rotate(30deg)}}.profile-form-container{min-height:100vh;background:radial-gradient(circle at 20% 70%,rgba(var(--teal-rgb),.1) 0,transparent 30%),radial-gradient(circle at 80% 30%,rgba(var(--saffron),.08) 0,transparent 30%),linear-gradient(135deg,var(--white-bg) 0,var(--white-bg-soft) 100%);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.profile-form-container:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='400' cy='400' r='1' fill='rgba(46, 139, 138, 0.3)'/%3E%3Ccircle cx='100' cy='300' r='0.8' fill='rgba(46, 139, 138, 0.2)'/%3E%3Ccircle cx='700' cy='200' r='1.2' fill='rgba(46, 139, 138, 0.4)'/%3E%3Ccircle cx='500' cy='600' r='0.7' fill='rgba(46, 139, 138, 0.3)'/%3E%3C/svg%3E");opacity:.4;animation:pulse 8s infinite alternate}.profile-form-card{width:100%;max-width:480px;background:rgba(255,248,240,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:28px;overflow:hidden;box-shadow:0 12px 40px rgba(var(--night-rgb),.12),inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 4px rgba(var(--teal-rgb),.05);transition:all .6s cubic-bezier(.22,1,.36,1);z-index:10;position:relative;border:1px solid rgba(255,255,255,.18)}.profile-form-header{background:linear-gradient(135deg,var(--teal) 0,rgba(var(--teal-rgb),.92) 100%);padding:2.5rem 2rem;text-align:center;color:var(--white-bg);position:relative;overflow:hidden}.profile-form-header:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' fill='%23FFF8F0' opacity='.25'/%3E%3C/svg%3E");background-size:cover;filter:drop-shadow(0 2px 4px rgba(var(--night-rgb),.1))}.profile-form-header:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0,transparent 70%),repeating-conic-gradient(from 0deg,transparent 0deg 15deg,rgba(255,255,255,.03) 15deg 30deg);transform:translate(-50%,-50%) rotate(0deg);animation:rotate 60s linear infinite;z-index:0;opacity:.4}.profile-form-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:2;color:var(--white-bg);text-shadow:0 2px 8px rgba(var(--night-rgb),.2)}.profile-form-subtitle{font-size:1rem;color:white;opacity:.9;position:relative;z-index:2;font-weight:300;letter-spacing:.5px}.profile-form-content{padding:2.5rem;position:relative;background:radial-gradient(circle at 80% 20%,rgba(var(--teal-rgb),.03) 0,transparent 30%),radial-gradient(circle at 20% 80%,rgba(var(--saffron),.03) 0,transparent 30%)}.error-message{padding:1.1rem 1.5rem;border-radius:16px;margin-bottom:1.5rem;display:flex;align-items:center;font-size:.95rem;position:relative;overflow:hidden;backdrop-filter:blur(6px);background:rgba(220,38,38,.1);color:#dc2626;border-left:4px solid #dc2626}.error-message svg{margin-right:.75rem;flex-shrink:0}.form-group{margin-bottom:1.75rem;position:relative}.form-group label{display:block;margin-bottom:.75rem;font-size:.9rem;font-weight:500;color:var(--night);letter-spacing:.5px}.form-group input{width:100%;padding:1rem 1.25rem;border:1px solid rgba(var(--night-rgb),.1);border-radius:14px;font-size:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);background:rgba(255,255,255,.7);color:var(--night);box-shadow:0 4px 12px rgba(0,0,0,.03),inset 0 0 0 1px rgba(255,255,255,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.form-group input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(var(--teal-rgb),.2),0 8px 24px rgba(var(--teal-rgb),.15),inset 0 0 0 1px rgba(255,255,255,.7)}.input-with-prefix{position:relative}.input-with-prefix .prefix{color:var(--spice);font-weight:500}.input-with-prefix input{padding-left:4rem!important}.input-hint{margin-top:.5rem;font-size:.75rem;color:var(--spice);opacity:.7}.submit-button{width:100%;padding:1.25rem;border-radius:14px;background:linear-gradient(135deg,var(--teal) 0,rgba(var(--teal-rgb),.9) 100%);color:var(--white-bg);font-weight:500;border:none;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.1);display:flex;align-items:center;justify-content:center;gap:.85rem;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(var(--teal-rgb),.25),0 0 0 1px rgba(255,255,255,.2);margin-top:1rem}.submit-button:hover{background:linear-gradient(135deg,rgba(var(--teal-rgb),.9) 0,var(--teal) 100%);transform:translateY(-3px);box-shadow:0 12px 32px rgba(var(--teal-rgb),.35),0 0 0 1px rgba(255,255,255,.3)}.submit-button:disabled{background:var(--gray-medium);transform:none;cursor:not-allowed}.spinner{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin 1s linear infinite}@media (max-width:640px){.profile-form-container{padding:1.5rem}.profile-form-card{border-radius:24px}.profile-form-content,.profile-form-header{padding:2rem 1.5rem}.profile-form-title{font-size:1.75rem}.input-with-prefix input{padding-left:3.5rem!important}.input-with-prefix .prefix{left:1rem}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.responsive-form{width:100%;max-width:100%;padding:0}.responsive-input-group{width:100%;margin-bottom:1.5rem}.input-wrapper{width:100%;position:relative}.responsive-input{width:100%;box-sizing:border-box;max-width:100%;padding:1rem 1.25rem;border:1px solid rgba(var(--night-rgb),.1);border-radius:14px;font-size:1rem;transition:all .3s ease;background:rgba(255,255,255,.7);color:var(--night)}.input-with-prefix .responsive-input{padding-left:4rem}.input-with-prefix .prefix{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);z-index:2}.button-container{width:100%;margin-top:1.5rem}.responsive-button{width:100%;padding:1.15rem}@media (max-width:640px){.responsive-input{padding:.9rem 1rem;font-size:.95rem}.input-with-prefix .responsive-input{padding-left:3.5rem}.input-with-prefix .prefix{left:1rem}.responsive-button{padding:1rem}}@media (max-width:400px){.responsive-input{padding:.8rem .9rem}.input-with-prefix .responsive-input{padding-left:3rem}.input-with-prefix .prefix{left:.8rem}}