:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--brand-primary: #22c55e;--brand-hover: #16a34a;--error: #ef4444;--border-default: #334155;--border-focus: #6366f1;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-md: .5rem;--radius-lg: .75rem;--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}.portal-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.portal-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2.5rem 2rem;width:100%;max-width:400px;text-align:center}.portal-card h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.portal-logo{font-size:2.5rem;margin-bottom:1rem}.portal-sub{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.25rem}.portal-muted{color:var(--text-muted);font-size:.8125rem;margin-bottom:1.5rem}.portal-error{color:var(--error);font-size:.875rem;margin-top:1rem}.portal-card form{display:flex;flex-direction:column;gap:.75rem;text-align:left;margin-top:1rem}.portal-card label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.portal-card input{width:100%;padding:.625rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .15s}.portal-card input:focus{border-color:var(--border-focus)}.portal-card input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#0f172a;width:100%;margin-top:.25rem}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border-default)}.btn-link{background:none;color:var(--text-muted);font-size:.8125rem;padding:.375rem}.btn-link:hover{color:var(--text-secondary)}.spinner{width:28px;height:28px;border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;margin:1rem auto;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}