.auth-page{display:flex;min-height:100vh}.auth-visual{display:none;flex:1 1;background:linear-gradient(160deg,#4a7c59,#2d5a3a 50%,#1e3f2a);position:relative;overflow:hidden;padding:var(--space-3xl);color:#fff}.auth-visual:before{top:-30%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(232,168,73,.2) 0,transparent 70%)}.auth-visual:after,.auth-visual:before{content:"";position:absolute;border-radius:50%}.auth-visual:after{bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(111,165,122,.25) 0,transparent 70%)}.auth-visual__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;max-width:480px}.auth-visual__emoji{font-size:4rem;margin-bottom:var(--space-lg)}.auth-visual__title{font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:var(--space-md);letter-spacing:-.02em}.auth-visual__desc{font-size:1.1rem;line-height:1.7;opacity:.85;font-weight:300}.auth-visual__features{list-style:none;margin-top:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md)}.auth-visual__features li{display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem;font-weight:500;opacity:.9}.auth-visual__features li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.15);font-size:.75rem;flex-shrink:0}@media (min-width:960px){.auth-visual{display:flex}}.auth-form-panel{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-bg)}.auth-back{align-self:flex-start;margin-bottom:var(--space-lg);font-size:.88rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast)}.auth-back:hover{color:var(--color-primary)}.auth-card{width:100%;max-width:440px;animation:authFadeIn var(--duration-slow) var(--ease-out)}@keyframes authFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-card .brand{font-size:3rem;margin-bottom:var(--space-xs)}.auth-card h1{font-size:2rem;font-weight:800;color:var(--color-text);margin:0 0 var(--space-xs);letter-spacing:-.03em}.auth-card .subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);font-size:.95rem;font-weight:400}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--color-text);font-size:.85rem;letter-spacing:.01em}.form-group input{width:100%;padding:.8rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 4px rgba(74,124,89,.12)}.btn-primary{width:100%;padding:.85rem 2rem;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-top:var(--space-sm);letter-spacing:.01em;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);pointer-events:none}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px rgba(74,124,89,.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.error-message{background:var(--color-error-bg);color:var(--color-error);padding:.75rem var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:.875rem;font-weight:500;text-align:center;border:1px solid rgba(217,68,82,.12)}.auth-footer{text-align:center;margin-top:var(--space-2xl);font-size:.9rem;color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);font-weight:700;text-decoration:none;transition:color var(--duration-fast)}.auth-footer a:hover{color:var(--color-primary-dark)}.sso-section{margin-top:var(--space-xl)}.sso-divider{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);color:var(--color-text-muted);font-size:.82rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.sso-divider:after,.sso-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.sso-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.sso-google-wrapper{position:relative;display:flex;justify-content:center}.sso-google-overlay{position:absolute;inset:0;overflow:hidden;opacity:.001;z-index:2;cursor:pointer}.sso-google-overlay iframe{width:100%!important;height:100%!important}.sso-btn--google{position:relative;z-index:0;pointer-events:none}.sso-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:.8rem var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sso-btn:hover,.sso-google-wrapper:hover .sso-btn--google{border-color:var(--color-border-focus);box-shadow:0 0 0 4px rgba(74,124,89,.12)}.sso-btn svg{width:20px;height:20px;flex-shrink:0}.sso-error{font-size:.82rem;color:var(--color-error);text-align:center;margin-top:var(--space-sm)}