:root{--teal: #2D6A6A;--teal-light: #4A9E9E;--teal-pale: #E8F0EE;--navy: #1a3a3a;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--red-500: #ef4444;--red-50: #fef2f2;--green-500: #22c55e;--font-heading: "Cormorant Garamond", "Georgia", serif;--font-body: "Lora", "Georgia", serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--gray-800);background:var(--gray-50);min-height:100vh;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased}.auth-container{width:100%;max-width:420px;padding:24px}.auth-card{background:var(--white);border-radius:12px;padding:40px 32px;box-shadow:0 1px 3px #00000014,0 4px 24px #0000000a}.auth-brand{text-align:center;margin-bottom:32px}.auth-brand h1{font-family:var(--font-heading);font-size:1.8rem;font-weight:600;color:var(--navy);margin-bottom:4px}.auth-brand p{font-size:.85rem;color:var(--gray-500);margin:0}.auth-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--gray-900);margin-bottom:24px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-700);margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;border:1px solid var(--gray-300);border-radius:8px;font-family:var(--font-body);font-size:.95rem;color:var(--gray-900);transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #2d6a6a1a}.btn-primary{display:block;width:100%;padding:12px;background:var(--teal);color:var(--white);border:none;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:var(--navy)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:var(--red-50);color:var(--red-500);padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:16px;display:none}.auth-error.visible{display:block}.auth-footer{text-align:center;margin-top:20px;font-size:.85rem;color:var(--gray-500)}.auth-footer a{color:var(--teal);text-decoration:none}.auth-footer a:hover{color:var(--teal-light)}.mfa-qr{text-align:center;margin:20px 0}.mfa-qr img{max-width:200px;margin:0 auto;border:1px solid var(--gray-200);border-radius:8px}.mfa-code-input{text-align:center;letter-spacing:8px;font-size:1.5rem;font-family:monospace}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--white);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}