*{box-sizing:border-box;margin:0;padding:0}
    body{min-height:100vh;display:flex;align-items:center;justify-content:center;
         background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#1e1b4b 100%);
         font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
    .card{background:#fff;border-radius:16px;padding:40px;width:360px;
          box-shadow:0 20px 60px rgba(0,0,0,.4)}
    h1{text-align:center;font-size:20px;color:#1e1b4b;margin-bottom:8px}
    .subtitle{text-align:center;color:#6b7280;font-size:13px;margin-bottom:28px}
    label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}
    input{width:100%;padding:10px 12px;border:1.5px solid #d1d5db;border-radius:8px;
          font-size:14px;outline:none;transition:border-color .15s}
    input:focus{border-color:#6366f1}
    .field{margin-bottom:16px}
    button{width:100%;padding:12px;background:#6366f1;color:#fff;border:none;
           border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;
           transition:background .15s;margin-top:8px}
    button:hover{background:#4f46e5}
    button:disabled{background:#9ca3af;cursor:not-allowed}
    .sso-btn{background:#111827;margin-top:14px}
    .sso-btn:hover{background:#030712}
    .is-hidden{display:none}
    .error{color:#dc2626;font-size:12px;text-align:center;margin-top:12px;display:none}
    .logo{text-align:center;font-size:36px;margin-bottom:12px}