.login-container{min-height:100vh;font-family:var(--font-inter), sans-serif;background-color:#f8fafc;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-shape{filter:blur(80px);opacity:.6;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.shape1{background:linear-gradient(135deg,#ffedd5,#fed7aa);width:50vw;height:50vw;animation-delay:0s;top:-10%;left:-10%}.shape2{background:linear-gradient(135deg,#ffedd5,#fdba74);width:60vw;height:60vw;animation-delay:-5s;bottom:-20%;right:-10%}.shape3{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);width:40vw;height:40vw;animation-delay:-2s;top:20%;left:50%}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-20px)scale(1.05)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;width:100%;max-width:440px;padding:3rem;transition:all .3s;position:relative;transform:translateY(0);box-shadow:0 25px 50px -12px #0000000d,0 10px 15px -3px #00000005}.login-card:hover{box-shadow:0 30px 60px -12px #00000014,0 15px 20px -3px #0000000a}.login-header{text-align:center;margin-bottom:2.5rem}.logo-container{background:linear-gradient(135deg, var(--color-brand-yellow) 0%, var(--color-orange) 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 10px 25px -5px #f9731680}.logo-icon{color:#fff;font-size:40px;font-weight:900}.login-header h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.login-header p{color:#64748b;margin:0;font-size:1rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.login-error{color:#b91c1c;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1rem;font-size:.875rem;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:#334155;font-size:.875rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;transition:color .2s;position:absolute;left:1rem}.input-wrapper input{color:#0f172a;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.input-wrapper input:focus{border-color:var(--color-orange);background-color:#fff;box-shadow:0 0 0 4px #f973161a}.input-wrapper input:focus+.input-icon,.input-wrapper input:not(:placeholder-shown)~.input-icon{color:var(--color-orange)}.input-wrapper input::placeholder{color:#94a3b8}.login-btn{background:linear-gradient(135deg, var(--color-brand-yellow), var(--color-orange));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #f9731633,0 2px 4px -1px #f973161a}.login-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--color-orange), #ea580c);transform:translateY(-1px);box-shadow:0 10px 15px -3px #f973164d,0 4px 6px -2px #f9731626}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;color:#94a3b8;margin-top:2rem;font-size:.75rem}