.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a);padding:1rem;font-family:Inter,sans-serif;color:#f8fafc}.login-card{background:rgba(30,41,59,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);padding:3rem 2.5rem;border-radius:24px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px -15px rgba(0,0,0,.6)}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:#94a3b8;font-size:.95rem;margin:0}.login-form{gap:1.5rem}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{font-size:.875rem;font-weight:500;color:#cbd5e1}.input-group input{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.1);padding:.875rem 1rem;border-radius:12px;color:white;font-size:1rem;transition:all .2s ease;outline:none}.input-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.2);background:rgba(15,23,42,.8)}.login-btn{margin-top:1rem;background:linear-gradient(135deg,#3b82f6,#6366f1);color:white;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(59,130,246,.4)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.5);background:linear-gradient(135deg,#2563eb,#4f46e5)}.login-btn:active{transform:translateY(1px)}.login-btn[aria-disabled=true]{opacity:.7;cursor:not-allowed;transform:none}.error-message{color:#ef4444;font-size:.875rem;text-align:center;background:rgba(239,68,68,.1);padding:.75rem;border-radius:8px;border:1px solid rgba(239,68,68,.2)}