:root{--indigo-1: #f5f7ff;--indigo-2: #ebf0ff;--indigo-3: #d6e0ff;--indigo-4: #bac7ff;--indigo-5: #9eadff;--indigo-6: #8394ff;--indigo-7: #6875f5;--indigo-8: #5a67d8;--indigo-9: #4c51bf;--indigo-10: #434190;--indigo-11: #3730a3;--indigo-12: #17213E;--indigo-13: #0f1629;--indigo-14: #0a0f1c;--indigo-15: #050710;--amber-1: #fffbeb;--amber-2: #fef3c7;--amber-3: #fde68a;--amber-4: #FDE793;--amber-5: #fcd34d;--amber-6: #fbbf24;--amber-7: #f59e0b;--amber-8: #d97706;--amber-9: #FFD04C;--amber-10: #f59e0b;--amber-11: #b45309;--amber-12: #92400e;--amber-13: #78350f;--amber-14: #451a03;--amber-15: #1c0a00;--gray-1: #fcfcfc;--gray-2: #f9f9f9;--gray-3: #f3f4f6;--gray-4: #e5e7eb;--gray-5: #d1d5db;--gray-6: #e9ecef;--gray-7: #9ca3af;--gray-8: #6b7280;--gray-9: #7A7A7A;--gray-10: #374151;--gray-11: #1f2937;--gray-12: #1a1a1a;--gray-13: #0d0d0d;--gray-14: #050505;--gray-15: #000000;--green-1: #f0fdf4;--green-2: #dcfce7;--green-3: #d4edda;--green-4: #86efac;--green-5: #4ade80;--green-6: #22c55e;--green-7: #16a34a;--green-8: #20c997;--green-9: #28a745;--green-10: #059669;--green-11: #047857;--green-12: #155724;--green-13: #064e3b;--green-14: #022c22;--green-15: #012217;--red-1: #fef2f2;--red-2: #fee2e2;--red-3: #fef2f2;--red-4: #fecaca;--red-5: #fca5a5;--red-6: #f87171;--red-7: #ef4444;--red-8: #dc2626;--red-9: #dc2626;--red-10: #b91c1c;--red-11: #991b1b;--red-12: #721c24;--red-13: #7f1d1d;--red-14: #450a0a;--red-15: #1c0505}:root{--auth-primary-dark: var(--indigo-12);--auth-primary-darker: var(--indigo-12);--auth-accent-light: var(--amber-4);--auth-accent-gold: var(--amber-9);--auth-accent-subtle: var(--amber-3);--auth-gray: var(--gray-9);--auth-success: var(--green-9);--auth-success-bg: var(--green-3);--auth-success-text: var(--green-12);--auth-error: var(--red-9);--auth-error-bg: var(--red-3);--auth-error-text: var(--red-12);--auth-white: #fff;--auth-black: #000;--auth-border: var(--gray-6);--auth-space-1: .25rem;--auth-space-2: .5rem;--auth-space-3: .75rem;--auth-space-4: 1rem;--auth-space-6: 1.5rem;--auth-radius-sm: 6px;--auth-radius-md: 12px}.skip-link{position:absolute;top:-40px;left:0;background:var(--auth-white);color:var(--auth-black);padding:.5rem 1rem;text-decoration:none;border-radius:0 0 .25rem;z-index:100;font-weight:600}.skip-link:focus{top:0;outline:3px solid var(--auth-accent-gold);outline-offset:2px}.logo-link{text-decoration:none;color:inherit;display:block}.logo-section{text-align:center;margin-bottom:2.5rem}.logo-icon{width:80px;height:80px;margin:0 auto 1.5rem}.logo-icon .logo-image{width:100%;height:100%;object-fit:contain}.logo-section h1{color:var(--auth-primary-dark);font-weight:700;font-size:2rem;margin-bottom:.5rem}.logo-section p{color:var(--auth-gray);font-size:1rem;margin:0}.auth-greeting{text-align:center;color:var(--auth-gray);font-size:.9375rem;margin:-1rem 0 var(--auth-space-6) 0}.greeting-primary,.greeting-secondary{display:block}.greeting-secondary{margin-top:var(--auth-space-2)}.auth-badge{display:inline-block;background:var(--auth-accent-subtle);color:var(--auth-primary-dark);padding:var(--auth-space-1) var(--auth-space-3);border-radius:var(--auth-radius-sm);font-weight:600}.auth-container{width:100%;max-width:480px;animation:authFadeInUp .6s ease}@keyframes authFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2)}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--auth-primary-dark) 0%,var(--auth-primary-darker) 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;color:var(--auth-primary-dark);font-weight:600;font-size:.9rem;margin-bottom:.5rem}.form-control{width:100%;padding:.875rem 1rem;border:2px solid var(--auth-border);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:var(--auth-white);color:var(--gray-12)}.form-control:focus{outline:none;border-color:var(--auth-accent-gold);box-shadow:0 0 0 4px rgba(255,208,76,.15)}.form-control::placeholder{color:var(--gray-9);opacity:1}.form-control.is-invalid{border-color:var(--auth-error)}.form-control.is-valid{border-color:var(--auth-success)}.alert{padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.875rem}.alert-danger{background:var(--auth-error-bg);color:var(--auth-error-text);border-left:4px solid var(--auth-error)}.alert-success{background:var(--auth-success-bg);color:var(--auth-success-text);border-left:4px solid var(--auth-success)}.text-danger{color:var(--auth-error);font-size:.875rem;margin-top:.25rem;display:block}.invalid-feedback{color:var(--auth-error);font-size:.8125rem;margin-top:.25rem;display:block}.valid-feedback{display:none}.password-field{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--gray-9);padding:.5rem;border-radius:.5rem;transition:all .2s ease;background:none;border:none}.password-toggle:hover{background-color:rgba(0,0,0,.05);color:var(--auth-primary-dark)}.password-toggle svg{pointer-events:none;width:20px;height:20px}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--auth-gray);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--auth-border)}.divider span{padding:0 1rem}.btn-primary-auth{position:relative;width:100%;background:linear-gradient(135deg,var(--auth-accent-gold) 0%,var(--auth-accent-light) 100%);border:none;color:var(--auth-primary-dark);font-weight:700;font-size:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-primary-auth:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,208,76,.5)}.btn-primary-auth:disabled{opacity:.6;cursor:not-allowed}.btn-primary-auth.loading .btn-text{display:none}.btn-primary-auth.loading .spinner{display:block}.spinner{display:none;width:20px;height:20px;border:3px solid rgba(23,33,62,.3);border-top-color:var(--auth-primary-dark);border-radius:50%;animation:authSpin .8s linear infinite;margin:0 auto}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-link{text-align:center;color:var(--auth-gray);font-size:.9rem}.auth-link a{color:var(--auth-primary-dark);font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link a:hover{color:var(--auth-accent-gold)}@media(max-width:576px){body{padding:1rem .5rem}.logo-icon{width:64px;height:64px}.logo-section h1{font-size:1.5rem}.auth-card{padding:2rem 1.5rem}}