:root{--color-sage:#aed0bd;--color-sage-dark:#7db595;--color-sage-light:#cee3d7;--color-gray-50:#f9fafa;--color-gray-100:#f1f2f3;--color-gray-200:#e3e5e8;--color-gray-300:#c7cad1;--color-gray-400:#9ea3ae;--color-gray-500:#747c8b;--color-gray-600:#5d636f;--color-gray-700:#464a53;--color-gray-800:#2e3138;--color-gray-900:#1c1e21;--color-blue:#62a6f9;--color-green:#36d399;--color-red:#ed3548;--color-orange:#fa9247;--color-brand-primary:#16a34a;--color-brand-primary-dark:#15803d;--spacing-xs:3px;--spacing-s:6px;--spacing-m:12px;--spacing-l:18px;--spacing-xl:24px;--spacing-2xl:48px;--radius-sm:18.4px;--radius-md:20.4px;--radius-lg:22.4px;--font-size-title:28px;--font-size-heading:24px;--font-size-body:16px;--font-size-caption:14px;--font-size-small:12px;--animation-fast:.2s;--animation-normal:.3s;--animation-slow:.5s}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-gray-50);color:var(--color-gray-900);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.auth-container{min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-gray-50)0%,var(--color-gray-100)100%);justify-content:center;align-items:center;display:flex}.auth-card{border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--spacing-2xl);background:#fff;box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.auth-title{font-size:var(--font-size-title);text-align:center;margin:0 0 var(--spacing-xl)0;color:var(--color-gray-900);font-weight:700}.auth-form{gap:var(--spacing-m);flex-direction:column;display:flex}.form-group{gap:var(--spacing-s);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-caption);color:var(--color-gray-700);margin-bottom:var(--spacing-xs);font-weight:500}.form-input{width:100%;padding:var(--spacing-m);font-size:var(--font-size-body);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-900);transition:all var(--animation-fast)ease;background:#fff}.form-input:focus{border-color:var(--color-brand-primary);outline:none;box-shadow:0 0 0 3px #16a34a1a}.form-input:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-input-error{border-color:var(--color-red)}.form-input-error:focus{border-color:var(--color-red);box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:var(--font-size-small);color:var(--color-red);margin-top:calc(var(--spacing-xs)*-1)}.form-hint{font-size:var(--font-size-small);color:var(--color-gray-600);margin:calc(var(--spacing-xs)*-1)0 0 0}.password-group{margin-top:var(--spacing-s)}.password-strength{align-items:center;gap:var(--spacing-s);margin-top:var(--spacing-xs);display:flex}.password-strength-bar{background:var(--color-gray-200);border-radius:2px;flex:1;height:4px;overflow:hidden}.password-strength-fill{height:100%;transition:all var(--animation-normal)ease;border-radius:2px}.password-strength-label{font-size:var(--font-size-small);text-align:right;min-width:50px;font-weight:500}.forgot-password-link{font-size:var(--font-size-small);color:var(--color-brand-primary);margin-top:var(--spacing-xs);transition:color var(--animation-fast)ease;align-self:flex-end;text-decoration:none}.forgot-password-link:hover{color:var(--color-brand-primary-dark);text-decoration:underline}.divider{text-align:center;margin:var(--spacing-s)0;align-items:center;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--color-gray-300);flex:1}.divider span{padding:0 var(--spacing-m);font-size:var(--font-size-small);color:var(--color-gray-500);background:#fff}.btn-primary,.btn-secondary{width:100%;height:48px;font-size:var(--font-size-body);cursor:pointer;transition:all var(--animation-fast)ease;justify-content:center;align-items:center;gap:var(--spacing-s);border:none;border-radius:9999px;font-weight:600;display:flex}.btn-primary{background:var(--color-brand-primary);color:#fff;box-shadow:0 2px 4px #16a34a33}.btn-primary:hover:not(:disabled){background:var(--color-brand-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #16a34a4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--color-gray-400);cursor:not-allowed;box-shadow:none;opacity:.6}.btn-secondary{color:var(--color-gray-700);border:1px solid var(--color-gray-300);font-size:var(--font-size-caption);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{align-items:center;gap:8px;display:inline-flex}.loading-spinner:before{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-message,.success-message{padding:var(--spacing-m);border-radius:var(--radius-md);font-size:var(--font-size-caption);margin:var(--spacing-s)0}.error-message{color:var(--color-red);background:#ef44441a;border:1px solid #ef444433}.success-message{color:var(--color-green);background:#10b9811a;border:1px solid #10b98133}.auth-footer{text-align:center;margin-top:var(--spacing-xl);font-size:var(--font-size-small);color:var(--color-gray-600)}.auth-link{color:var(--color-brand-primary);transition:color var(--animation-fast)ease;text-decoration:none}.auth-link:hover{color:var(--color-brand-primary-dark);text-decoration:underline}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-container{padding:var(--spacing-m)}.auth-card{padding:var(--spacing-xl)}.auth-title{font-size:var(--font-size-heading)}}