*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#1a1a2e}.container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:2.5rem 2rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.title{font-size:1.5rem;font-weight:700;color:#0f172a;text-align:center}.subtitle{font-size:.9rem;color:#64748b;text-align:center}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;color:#dc2626;text-align:center}.loading{text-align:center;color:#64748b;font-size:.9rem;padding:1rem 0}.providers{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.btn{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1rem;border-radius:8px;border:1px solid #e2e8f0;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .12s ease,box-shadow .12s ease;width:100%;background:#fff;color:#1a1a2e}.btn:hover{background:#f8fafc;box-shadow:0 2px 8px #00000014}.btn:active{background:#f1f5f9}.btn-entra{border-color:#d1d5db}.btn-keycloak{background:#4a90d9;border-color:#4a90d9;color:#fff}.btn-keycloak:hover{background:#3a80c9;box-shadow:0 2px 8px #4a90d94d}.btn-keycloak:active{background:#2a70b9}