.login-page{--green-dark:#007534;--green:#00923f;--green-light:#2aad5f;--green-pale:#e6f5ec;--orange:#e77817;--white:#fff;--grey-50:#fafafa;--grey-100:#f5f5f5;--grey-200:#eee;--grey-300:#e0e0e0;--grey-400:#9ca3af;--grey-500:#6b7280;--grey-600:#4b5563;--grey-700:#374151;--grey-900:#1f1a17;--shadow-sm:0 1px 3px rgba(31,26,23,.06);--shadow-md:0 2px 12px rgba(31,26,23,.08);--radius:12px;--radius-sm:8px;--transition:0.2s ease;display:flex;min-height:100vh;width:100%;font-family:Inter,system-ui,sans-serif}.login-left{width:44%;background:linear-gradient(160deg,var(--green-dark) 0,var(--green) 55%,var(--green-light) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-left-content{text-align:center;position:relative;z-index:2;max-width:360px;padding:28px 24px}.logo-box{background:var(--white);width:100%;max-width:320px;height:92px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;padding:14px 18px;box-shadow:0 4px 12px rgba(0,0,0,.12)}.logo-box img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.brand-title{margin:0 0 10px;font-size:46px;font-weight:700;color:var(--white);letter-spacing:-.5px;line-height:1.05}.login-left-tagline{margin:0 0 28px;color:hsla(0,0%,100%,.94);font-size:15px;font-weight:500;line-height:1.45}.features-container{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-pill{background:hsla(0,0%,100%,.16);backdrop-filter:blur(8px);border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:8px;text-align:left}.feature-pill span{font-size:12px;font-weight:500;color:var(--white);line-height:1.35}.feature-dot{width:7px;height:7px;border-radius:50%;background:#ffed00;flex-shrink:0}.decorative-circle{position:absolute;width:280px;height:280px;border:2px solid hsla(0,0%,100%,.12);border-radius:50%;bottom:-90px;right:-90px;z-index:1}.login-right{width:56%;background:var(--grey-50);display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card{background:var(--white);border-radius:var(--radius);padding:44px 40px;max-width:400px;width:100%;box-shadow:var(--shadow-md)}.login-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px;margin-bottom:28px;text-align:center;font-size:13px}.header-brand{color:var(--green);font-weight:700;font-size:14px}.header-dash{color:var(--grey-400)}.header-muted{color:var(--grey-500);font-weight:500}.login-title{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--grey-900);text-align:center}.login-subtitle{margin:0 0 28px;font-size:14px;color:var(--grey-600);line-height:1.5;text-align:center}.login-error{margin:0 0 16px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;font-size:13px;line-height:1.4;text-align:center}.microsoft-button{width:100%;padding:12px 16px;background:var(--white);border:1px solid var(--grey-300);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--grey-900);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition);margin-bottom:20px}.microsoft-button:hover:not(:disabled){background:var(--grey-50);border-color:var(--grey-400);box-shadow:var(--shadow-sm)}.microsoft-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid var(--grey-300);border-top-color:var(--green);border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}.login-hint{margin:0;text-align:center;font-size:12px;color:var(--grey-500);line-height:1.5}.login-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--grey-100);text-align:center}.copyright{margin:0;font-size:12px;color:var(--grey-500)}@media (max-width:960px){.login-left{display:none}.login-right{width:100%;background:var(--white)}.login-card{padding:32px 24px;box-shadow:none}.login-mobile-logo{display:flex;justify-content:center;margin-bottom:24px}.login-mobile-logo img{height:48px;width:auto;-o-object-fit:contain;object-fit:contain}}@media (min-width:961px){.login-mobile-logo{display:none}}