.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,2vw,1.75rem);background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0%,transparent 42%),radial-gradient(circle at 92% 90%,color-mix(in srgb,var(--color-secondary) 8%,transparent) 0%,transparent 45%),var(--color-background)}.login-layout{width:min(1180px,100%);min-height:min(90vh,760px);display:grid;grid-template-columns:1.05fr 1fr;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border);background:var(--color-background);box-shadow:var(--shadow-xl)}.login-storyboard{position:relative;background:linear-gradient(145deg,var(--color-primary) 0%,var(--color-secondary) 100%);overflow:hidden}.login-storyboard:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,var(--color-primary) 0%,transparent 38%),radial-gradient(circle at 82% 20%,var(--color-accent) 0%,transparent 48%);opacity:.08}.login-storyboard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--color-text),var(--color-text));opacity:.2}.login-storyboard-layer{position:relative;z-index:2;color:#fff;height:100%;padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;justify-content:center;animation:loginStoryboardEnter .55s ease-out}@keyframes loginStoryboardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-storyboard-title{margin:0 0 var(--spacing-md);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.2;color:var(--color-text-white)}.login-storyboard-text{margin:0 0 var(--spacing-xl);line-height:1.65;font-size:clamp(.96rem,1.45vw,1.1rem);max-width:520px;color:var(--color-background)}.login-storyboard-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-md)}.login-storyboard-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-background);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.login-storyboard-item:hover{transform:translate(6px);box-shadow:var(--shadow-md);background:var(--color-background-alt)}.login-storyboard-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text-white);transition:transform var(--transition-base),box-shadow var(--transition-base)}.login-storyboard-item:hover .login-storyboard-icon{transform:scale(1.06);box-shadow:var(--shadow-sm)}.login-panel{padding:clamp(1.25rem,2.6vw,2.25rem);display:flex;flex-direction:column;justify-content:center;animation:loginPanelEnter .5s ease-out}@keyframes loginPanelEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-panel-head{margin-bottom:var(--spacing-xl)}.login-brand-link{text-decoration:none;display:inline-block;margin-bottom:var(--spacing-md);transition:transform var(--transition-base)}.login-brand-link:hover{transform:translateY(-1px)}.login-brand-name{margin:0;font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(140deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-panel-title{margin:0 0 var(--spacing-xs);color:var(--color-text);font-size:clamp(1.4rem,2vw,1.9rem)}.login-panel-subtitle{margin:0;color:var(--color-text-light);line-height:1.6}.login-inline-error{margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);color:var(--color-error);border:1px solid rgba(220,38,38,.25);background:#dc262614}.login-form-grid{display:grid;gap:var(--spacing-md)}.login-field-group{display:grid;gap:var(--spacing-xs)}.login-field-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.login-field-wrap{position:relative}.login-field-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none}.login-field-input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-alt);color:var(--color-text);font-family:inherit;padding:var(--spacing-md) calc(var(--spacing-md) * 3) var(--spacing-md) calc(var(--spacing-md) * 2.6);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent);background:var(--color-background)}.login-field-input:disabled{opacity:.65;cursor:not-allowed}.login-field-input-error{border-color:var(--color-error);background:#dc26260f}.login-field-error{color:var(--color-error);font-size:var(--font-size-xs)}.login-password-btn{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--color-text-light);width:34px;height:34px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition-base),background var(--transition-base),transform var(--transition-base)}.login-password-btn:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);transform:translateY(-50%) scale(1.04)}.login-options-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.login-remember-line{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-light);font-size:var(--font-size-sm)}.login-help-link{color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.login-help-link:hover{text-decoration:underline}.login-submit-btn{width:100%;border:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:600;padding:calc(var(--spacing-sm) + 2px) var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-submit-spinner{animation:loginSpinPulse .9s linear infinite}@keyframes loginSpinPulse{to{transform:rotate(360deg)}}.login-social-zone{margin-top:var(--spacing-lg)}.login-social-divider{position:relative;text-align:center;margin-bottom:var(--spacing-md)}.login-social-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--color-border)}.login-social-divider span{position:relative;z-index:1;background:var(--color-background);padding:0 var(--spacing-sm);color:var(--color-text-light);font-size:var(--font-size-xs)}.login-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.login-social-btn{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-alt);color:var(--color-text);padding:var(--spacing-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;transition:border-color .2s ease,transform .2s ease}.login-social-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}.login-social-btn:disabled{opacity:.6;cursor:not-allowed}.login-signup-text{margin:var(--spacing-md) 0 0;text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm)}.login-signup-link{color:var(--color-primary);font-weight:600;text-decoration:none}.login-signup-link:hover{text-decoration:underline}@media(max-width:980px){.login-layout{grid-template-columns:1fr;min-height:auto}.login-storyboard{display:none}}@media(max-width:540px){.login-social-grid{grid-template-columns:1fr}.login-panel{padding:var(--spacing-lg)}}.theme-dark .login-layout{background:var(--color-background-alt);border-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}.theme-dark .login-social-divider span{background:var(--color-background-alt)}.theme-dark .login-social-btn,.theme-dark .login-field-input{background:var(--color-background)}.signup-shell{min-height:100vh;padding:clamp(1rem,2vw,1.75rem);background:radial-gradient(circle at 12% 86%,color-mix(in srgb,var(--color-secondary) 10%,transparent) 0%,transparent 42%),radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--color-primary) 10%,transparent) 0%,transparent 45%),var(--color-background)}.signup-frame{max-width:1120px;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-background);box-shadow:var(--shadow-xl)}.signup-banner{position:relative;overflow:hidden;padding:clamp(1.25rem,2.5vw,2rem);background:linear-gradient(130deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:var(--color-text-white)}.signup-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--color-text),var(--color-text));opacity:.18}.signup-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,var(--color-primary) 0%,transparent 45%),radial-gradient(circle at 80% 25%,var(--color-accent) 0%,transparent 50%);opacity:.08}.signup-banner-head,.signup-benefits-grid{position:relative;z-index:1}.signup-banner-head{animation:signupBannerEnter .55s ease-out}@keyframes signupBannerEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.signup-banner-head{margin-bottom:var(--spacing-lg)}.signup-home-link{text-decoration:none;color:inherit;display:inline-block;margin-bottom:var(--spacing-md);transition:transform var(--transition-base),opacity var(--transition-base)}.signup-home-link:hover{transform:translateY(-1px);opacity:.96}.signup-home-text{margin:0;font-size:var(--font-size-lg);letter-spacing:.5px;text-transform:uppercase}.signup-banner-title{margin:0 0 var(--spacing-xs);font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.2}.signup-banner-subtitle{margin:0;max-width:780px;line-height:1.6;opacity:.95}.signup-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm)}.signup-benefit-card{margin:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.signup-benefit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:var(--color-background-alt)}.signup-benefit-card p{margin:0;font-size:var(--font-size-sm);line-height:1.45}.signup-benefit-icon{width:34px;height:34px;min-width:34px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:var(--color-text-white);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.signup-benefit-card:hover .signup-benefit-icon{transform:scale(1.06);box-shadow:var(--shadow-sm)}.signup-body{padding:clamp(1.1rem,2.2vw,2rem)}.signup-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-background);padding:clamp(1rem,2.2vw,1.8rem);animation:signupCardEnter .52s ease-out}@keyframes signupCardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.signup-card-header{margin-bottom:var(--spacing-lg)}.signup-card-title{margin:0 0 var(--spacing-xs);color:var(--color-text);font-size:clamp(1.35rem,2vw,1.8rem)}.signup-card-subtitle{margin:0;color:var(--color-text-light)}.signup-error-box{margin-bottom:var(--spacing-md);border:1px solid rgba(220,38,38,.25);background:#dc262614;color:var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.signup-form-stack{display:grid;gap:var(--spacing-md)}.signup-input-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.signup-input-group{display:grid;gap:var(--spacing-xs)}.signup-input-label{color:var(--color-text);font-weight:600;font-size:var(--font-size-sm)}.signup-input-shell{position:relative}.signup-input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none}.signup-input-control{width:100%;padding:var(--spacing-md) calc(var(--spacing-md) * 3) var(--spacing-md) calc(var(--spacing-md) * 2.6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-background-alt);color:var(--color-text);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.signup-input-control:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-secondary) 16%,transparent);background:var(--color-background)}.signup-input-control:disabled{opacity:.65;cursor:not-allowed}.signup-input-control-error{border-color:var(--color-error);background:#dc26260f}.signup-input-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-light);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition-base),background var(--transition-base),transform var(--transition-base)}.signup-input-toggle:hover{color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 8%,transparent);transform:translateY(-50%) scale(1.04)}.signup-input-error{color:var(--color-error);font-size:var(--font-size-xs)}.signup-terms-row{display:grid;gap:var(--spacing-xs)}.signup-terms-label{display:inline-flex;align-items:flex-start;gap:var(--spacing-xs);color:var(--color-text-light);font-size:var(--font-size-sm);line-height:1.45}.signup-terms-link{color:var(--color-secondary);text-decoration:none;font-weight:600}.signup-terms-link:hover{text-decoration:underline}.signup-submit-btn{width:100%;border:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:#fff;padding:calc(var(--spacing-sm) + 2px) var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.signup-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.signup-submit-btn:disabled{opacity:.7;cursor:not-allowed}.signup-submit-loader{animation:signupOrbitSpin .9s linear infinite}@keyframes signupOrbitSpin{to{transform:rotate(360deg)}}.signup-oauth-block{margin-top:var(--spacing-lg)}.signup-oauth-divider{text-align:center;position:relative;margin-bottom:var(--spacing-md)}.signup-oauth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--color-border)}.signup-oauth-divider span{position:relative;z-index:1;background:var(--color-background);padding:0 var(--spacing-sm);color:var(--color-text-light);font-size:var(--font-size-xs)}.signup-oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.signup-oauth-button{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background-alt);color:var(--color-text);padding:var(--spacing-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;transition:border-color .2s ease,transform .2s ease}.signup-oauth-button:hover:not(:disabled){border-color:var(--color-secondary);transform:translateY(-1px)}.signup-oauth-button:disabled{opacity:.6;cursor:not-allowed}.signup-login-text{margin:var(--spacing-md) 0 0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light)}.signup-login-link{color:var(--color-secondary);text-decoration:none;font-weight:600}.signup-login-link:hover{text-decoration:underline}@media(max-width:860px){.signup-benefits-grid,.signup-input-row{grid-template-columns:1fr}}@media(max-width:540px){.signup-shell{padding:var(--spacing-sm)}.signup-oauth-row{grid-template-columns:1fr}}.theme-dark .signup-frame,.theme-dark .signup-card{background:var(--color-background-alt);border-color:color-mix(in srgb,var(--color-primary) 22%,transparent)}.theme-dark .signup-oauth-divider span{background:var(--color-background-alt)}.theme-dark .signup-oauth-button,.theme-dark .signup-input-control{background:var(--color-background)}