.signin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% 10%,rgba(56,189,248,.12),transparent),radial-gradient(1000px 500px at 80% 90%,rgba(14,165,233,.1),transparent),linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:24px}.signin-card{width:100%;max-width:420px;border-radius:18px;padding:32px 28px;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 12px 40px rgba(0,0,0,.45);animation:signin-fade .5s ease-out both}.signin-card h1{font-size:1.8rem;font-weight:700;margin:0 0 6px;letter-spacing:.2px}.signin-sub{color:#cbd5e1;margin:0 0 20px;font-size:.98rem}.signin-form{display:flex;flex-direction:column;gap:10px}.signin-form label{font-size:.95rem;font-weight:600;color:#e2e8f0;margin-top:6px}.signin-form input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.08);color:#f1f5f9;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.signin-form input::placeholder{color:#94a3b8}.signin-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.15)}.signin-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fecaca;font-size:.92rem;padding:10px 12px;border-radius:10px;margin-top:6px}.signin-button{margin-top:8px;width:100%;padding:12px 16px;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;color:#fff;background:linear-gradient(90deg,#0ea5e9,#38bdf8);box-shadow:0 0 18px rgba(14,165,233,.35);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.signin-button:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(56,189,248,.55)}.signin-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.signin-footer{margin-top:14px;color:#94a3b8;font-size:.95rem;text-align:center}.signin-footer a{color:#38bdf8;font-weight:700;text-decoration:none}.signin-footer a:hover{text-decoration:underline}@keyframes signin-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.signin-card{padding:28px 22px}.signin-card h1{font-size:1.55rem}}