body{margin:0;padding:0}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#ffbb7b,#ffd4d3,#ffb1f7);padding:20px;font-family:DM Sans,sans-serif}.login-card{background:#fffffff2;padding:2.5rem;border-radius:70px;box-shadow:0 8px 32px #8f92be26;width:100%;max-width:400px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18)}@media (max-width: 480px){.login-card{padding:1.5rem;max-width:100%;border-radius:0;box-shadow:none}}.login-card .logo{display:block;width:120px;height:auto;margin:0 auto 1.5rem}@media (max-width: 480px){.login-card .logo{width:100px;margin-bottom:1rem}}.login-card h2{text-align:center;margin-bottom:2rem;color:#2d3748;font-weight:700;font-size:1.75rem}@media (max-width: 480px){.login-card h2{font-size:1.5rem;margin-bottom:1.5rem}}.login-card form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.login-card .form-group{display:flex;flex-direction:column;width:100%;margin:0;padding:0}.login-card .form-group label{display:block;margin-bottom:.2rem;color:#b3b9c3;font-weight:500;font-size:.8rem}.login-card .form-group input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:80px;font-size:1rem;transition:all .3s ease;font-family:DM Sans,sans-serif;box-sizing:border-box;background:#fff;color:#2d3748}.login-card .form-group input:focus{outline:none;border-color:#ff9951;box-shadow:0 0 0 3px #fac28b33}.login-card .form-group input::placeholder{color:#a0aec0}.login-card .form-group .error{color:#faa9a9;font-size:.8rem;margin-top:.25rem;font-weight:500}.login-card button{width:100%;padding:.75rem;background:linear-gradient(135deg,#ffe0b1,#ffc281);color:#fff;border:none;border-radius:60px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif;margin-top:.5rem}.login-card button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fa9f8b4d}.login-card button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.login-card .links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;text-align:center}.login-card .links a{color:#fab48b;text-decoration:none;transition:all .3s ease;font-size:.875rem;font-weight:500}.login-card .links a:hover{color:#f6ae5c;text-decoration:underline}