:root{--village-teal:#145b6e;--village-teal-dark:#0f4f60;--commons-indigo:#6366f1;--earth-black:#0b0d0e;--paper-white:#fcfcff;--soft-yellow:#fef9c3;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111315;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-family:'Atkinson Hyperlegible',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.village-login-page{min-height:100vh;background:linear-gradient(135deg,var(--village-teal) 0,var(--soft-yellow) 100%);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl) var(--spacing-md);position:relative;overflow-x:hidden}.village-login-page::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 50% 45%,transparent 280px,rgba(255,255,255,.05) 281px,transparent 282px),radial-gradient(circle at 50% 45%,transparent 420px,rgba(255,255,255,.05) 421px,transparent 422px),radial-gradient(circle at 50% 45%,transparent 620px,rgba(255,255,255,.05) 621px,transparent 622px);pointer-events:none;z-index:0}.village-login-container{position:relative;z-index:1;width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl)}.village-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.village-icon{width:80px;height:80px;animation:gentle-pulse 4s ease-in-out infinite}.village-wordmark{font-size:40px;font-weight:700;color:var(--commons-indigo);letter-spacing:.01em;line-height:1}.village-tagline{font-size:18px;font-weight:400;color:var(--gray-600);max-width:520px}@keyframes gentle-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}.village-login-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;max-width:420px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:var(--spacing-lg)}.village-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.village-label{font-size:14px;font-weight:500;color:var(--gray-700);display:block}.village-input{width:100%;height:48px;padding:12px 14px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-family);color:var(--gray-900);background:#fff;transition:all 120ms ease}.village-input::placeholder{color:var(--gray-400)}.village-input:focus{outline:2px solid var(--village-teal);outline-offset:2px;border-color:var(--village-teal)}.village-input:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.village-password-wrapper{position:relative;width:100%}.village-password-wrapper .village-input{padding-right:48px}.village-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);border-radius:var(--radius-sm);transition:color 120ms ease}.village-password-toggle:hover{color:var(--village-teal)}.village-password-toggle:focus{outline:2px solid var(--village-teal);outline-offset:2px;color:var(--village-teal)}.village-remember-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.village-remember-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:14px;color:var(--gray-700);cursor:pointer}.village-checkbox{width:18px;height:18px;border-radius:4px;border:1px solid var(--gray-300);cursor:pointer;accent-color:var(--village-teal)}.village-checkbox:focus{outline:2px solid var(--village-teal);outline-offset:2px}.village-link{font-size:14px;color:var(--commons-indigo);text-decoration:none;transition:all 120ms ease}.village-link:hover{text-decoration:underline;color:var(--village-teal)}.village-link:focus{outline:2px solid var(--village-teal);outline-offset:2px;border-radius:2px}.village-btn-primary{width:100%;height:48px;border:none;border-radius:var(--radius-md);background:linear-gradient(to right,var(--village-teal),var(--village-teal-dark));color:#fff;font-size:16px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all 120ms ease;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.village-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,91,110,.3)}.village-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1)}.village-btn-primary:focus{outline:2px solid var(--village-teal);outline-offset:2px}.village-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.village-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.village-signup-text{text-align:center;font-size:14px;color:var(--gray-700);margin:0}.village-signup-text .village-link{font-weight:500}.village-alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--spacing-lg)}.village-alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.village-alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.village-footer{margin-top:auto;padding:var(--spacing-lg) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.village-footer-text{font-size:14px;color:var(--gray-600);margin:0}.village-footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.village-footer-link{font-size:14px;color:var(--commons-indigo);text-decoration:none;transition:all 120ms ease}.village-footer-link:hover{text-decoration:underline;color:var(--village-teal)}.village-footer-link:focus{outline:2px solid var(--village-teal);outline-offset:2px;border-radius:2px}@media (prefers-color-scheme:dark){.village-login-page{background:var(--earth-black);background-image:radial-gradient(circle at 50% 40%,rgba(20,91,110,.15) 0,transparent 50%)}.village-login-page::before{background-image:radial-gradient(circle at 50% 45%,transparent 280px,rgba(255,255,255,.03) 281px,transparent 282px),radial-gradient(circle at 50% 45%,transparent 420px,rgba(255,255,255,.03) 421px,transparent 422px),radial-gradient(circle at 50% 45%,transparent 620px,rgba(255,255,255,.03) 621px,transparent 622px)}.village-wordmark{color:#fff}.village-tagline{color:var(--gray-300)}.village-login-card{background:var(--gray-900);border:1px solid var(--gray-800);box-shadow:0 4px 12px rgba(0,0,0,.3)}.village-label{color:var(--gray-300)}.village-input{background:var(--gray-800);border-color:var(--gray-700);color:#fff}.village-input::placeholder{color:var(--gray-500)}.village-input:focus{background:var(--gray-800)}.village-remember-label{color:var(--gray-300)}.village-link{color:var(--village-teal)}.village-link:hover{color:var(--commons-indigo)}.village-signup-text{color:var(--gray-300)}.village-footer-text{color:var(--gray-400)}.village-footer-link{color:var(--village-teal)}.village-footer-link:hover{color:var(--commons-indigo)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.village-icon{animation:none}.village-btn-primary:hover:not(:disabled){transform:none}.village-btn-primary:active:not(:disabled){transform:none}}.village-tenant-selection{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;max-width:520px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.village-tenant-title{font-size:24px;font-weight:700;color:var(--commons-indigo);margin:0}.village-tenant-subtitle{font-size:14px;color:var(--gray-600);text-align:center;margin:0}.village-tenant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);width:100%}.village-tenant-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:#f9fafb;border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:all 150ms ease;font-family:var(--font-family)}.village-tenant-card:hover{border-color:var(--village-teal);background:#e8f5f8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(20,91,110,.15)}.village-tenant-card:focus{outline:2px solid var(--village-teal);outline-offset:2px}.village-tenant-card.current{border-color:var(--village-teal);background:#e8f5f8}.village-tenant-icon{font-size:32px}.village-tenant-name{font-size:16px;font-weight:600;color:var(--gray-800)}.village-tenant-role{font-size:12px;color:var(--gray-500);text-transform:capitalize}.village-tenant-current{font-size:11px;color:var(--village-teal);font-weight:500}.village-btn-secondary{width:auto;padding:12px 24px;border:2px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;color:var(--gray-700);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all 120ms ease;margin-top:var(--spacing-md)}.village-btn-secondary:hover{border-color:var(--gray-400);background:#f9fafb}.village-btn-secondary:focus{outline:2px solid var(--village-teal);outline-offset:2px}@media (prefers-color-scheme:dark){.village-tenant-selection{background:var(--gray-900);border:1px solid var(--gray-800)}.village-tenant-title{color:#fff}.village-tenant-subtitle{color:var(--gray-400)}.village-tenant-card{background:var(--gray-800);border-color:var(--gray-700)}.village-tenant-card:hover{background:var(--gray-700);border-color:var(--village-teal)}.village-tenant-card.current{background:var(--gray-700);border-color:var(--village-teal)}.village-tenant-name{color:#fff}.village-tenant-role{color:var(--gray-400)}.village-btn-secondary{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-300)}.village-btn-secondary:hover{background:var(--gray-700);border-color:var(--gray-600)}}.village-switch-link{text-align:center;margin-top:var(--spacing-lg)}.village-switch-link button{font-family:var(--font-family)}.village-last-village-prompt{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg);box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center;max-width:420px;width:100%;border:2px solid var(--village-teal)}.village-last-village-prompt p{margin:0 0 var(--spacing-md) 0;color:var(--gray-700);font-size:14px}.village-last-village-prompt strong{color:var(--commons-indigo)}.village-prompt-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.village-btn-sm{height:40px;padding:0 var(--spacing-lg);font-size:14px}.village-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:1000;backdrop-filter:blur(4px)}.village-modal-content{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;max-width:420px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.2)}.village-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);border-radius:var(--radius-sm);transition:all 120ms ease}.village-modal-close:hover{background:var(--gray-100,#f3f4f6);color:var(--gray-700)}.village-modal-close:focus{outline:2px solid var(--village-teal);outline-offset:2px}.village-modal-title{font-size:24px;font-weight:700;color:var(--commons-indigo);margin:0 0 var(--spacing-sm) 0;text-align:center}.village-modal-subtitle{font-size:14px;color:var(--gray-600);text-align:center;margin:0 0 var(--spacing-lg) 0}.village-modal-subtitle strong{color:var(--village-teal)}.village-input-hint{font-size:12px;color:var(--gray-500);margin-top:4px}.village-modal-footer-text{font-size:13px;color:var(--gray-600);text-align:center;margin:var(--spacing-lg) 0 0 0}.village-captcha-container{display:flex;flex-direction:column;align-items:center;margin:var(--spacing-lg) 0}.village-captcha-error{color:#991b1b;font-size:13px;margin-top:var(--spacing-xs)}.village-attempts-warning{background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-sm);padding:var(--spacing-sm);text-align:center;margin-top:var(--spacing-sm)}.village-attempts-warning p{margin:0;font-size:13px;color:#92400e}.modal-enter{transition:opacity .2s ease-out}.modal-enter-start{opacity:0}.modal-enter-end{opacity:1}.modal-leave{transition:opacity 150ms ease-in}.modal-leave-start{opacity:1}.modal-leave-end{opacity:0}@media (prefers-color-scheme:dark){.village-last-village-prompt{background:var(--gray-900);border-color:var(--village-teal)}.village-last-village-prompt p{color:var(--gray-300)}.village-last-village-prompt strong{color:var(--village-teal)}.village-modal-overlay{background:rgba(0,0,0,.7)}.village-modal-content{background:var(--gray-900);border:1px solid var(--gray-800)}.village-modal-close{color:var(--gray-400)}.village-modal-close:hover{background:var(--gray-800);color:var(--gray-200)}.village-modal-title{color:#fff}.village-modal-subtitle{color:var(--gray-400)}.village-input-hint{color:var(--gray-500)}.village-modal-footer-text{color:var(--gray-400)}.village-attempts-warning{background:rgba(254,243,199,.1);border-color:rgba(252,211,77,.3)}.village-attempts-warning p{color:#fcd34d}.h-captcha iframe{color-scheme:dark}}@media (max-width:768px){.village-login-page{padding:var(--spacing-xl) var(--spacing-md)}.village-icon{width:64px;height:64px}.village-wordmark{font-size:32px}.village-tagline{font-size:16px}.village-login-card{padding:var(--spacing-xl)}.village-login-container{gap:var(--spacing-xl)}}@media (max-width:480px){.village-login-page{padding:var(--spacing-lg) var(--spacing-md)}.village-icon{width:56px;height:56px}.village-wordmark{font-size:28px}.village-tagline{font-size:14px}.village-login-card{padding:var(--spacing-lg)}.village-remember-row{flex-direction:column;align-items:flex-start}.village-footer-links{flex-direction:column;gap:var(--spacing-sm)}}