.auth-page .app-header{display:none}.auth-page .page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-4) 0}.auth-wrapper{margin:0 auto;max-width:680px;padding:0 var(--space-4);width:100%}.auth-page .auth-panel,.page-shell.auth-page .auth-panel{backdrop-filter:blur(24px) saturate(180%);background:rgba(255,255,255,.88);border-radius:var(--radius-xl);box-shadow:0 12px 48px rgba(31,38,135,.15),0 4px 16px rgba(0,0,0,.06),inset 0 1px 1px rgba(255,255,255,.7);overflow:hidden}.auth-page .auth-header,.auth-panel .auth-header{align-items:flex-start;background:linear-gradient(135deg,rgba(52,152,219,.05),rgba(46,204,113,.03));border-bottom:1px solid rgba(52,152,219,.12);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-3)}.auth-header-content{flex:1}.auth-header .panel-title{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.1;margin:0;-webkit-text-fill-color:transparent;background-clip:text}.auth-header .panel-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.3;margin:2px 0 0}.auth-page .auth-panel .panel-body{padding:var(--space-2) var(--space-3)}.auth-page .form-row{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:var(--space-1);min-width:0}.auth-page .form-col{margin-bottom:0;min-width:0}.auth-page .auth-panel .form-group{margin-bottom:var(--space-1)}.auth-page .auth-panel .form-label{color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.required-mark{color:var(--brand-danger);font-weight:var(--font-weight-bold);margin-left:2px}.auth-page .auth-panel .form-control{background:rgba(255,255,255,.9);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text);font-size:var(--font-size-sm);line-height:1.4;min-width:0;padding:var(--space-2) var(--space-3);transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.auth-panel .form-control:hover{background:#fff;border-color:rgba(52,152,219,.4)}.auth-panel .form-control:focus{background:#fff;border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(52,152,219,.15);outline:none}.auth-panel .form-control::-moz-placeholder{color:var(--color-text-tertiary)}.auth-panel .form-control::placeholder{color:var(--color-text-tertiary)}.form-help{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:var(--space-2)}.form-help .link-primary{color:var(--brand-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-default)}.form-help .link-primary:hover{color:var(--brand-primary-dark);text-decoration:underline}.auth-page .form-actions{justify-content:space-between;margin-bottom:var(--space-1);margin-top:var(--space-1)}.auth-page .form-actions,.checkbox-label{align-items:center;display:flex;gap:var(--space-2)}.checkbox-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input{accent-color:var(--brand-primary);cursor:pointer;height:18px;width:18px}.checkbox-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.oauth-section{margin-top:var(--space-1);padding-top:var(--space-1)}.divider{margin-bottom:var(--space-1);position:relative;text-align:center}.divider:before{background:linear-gradient(90deg,transparent 0,var(--color-border) 20%,var(--color-border) 80%,transparent 100%);content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.divider-text{background:rgba(255,255,255,.9);color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:0 var(--space-3);position:relative;z-index:1}.oauth-btn-compact,.oauth-buttons-compact{display:flex;gap:var(--space-2);justify-content:center}.oauth-btn-compact{align-items:center;background:rgba(255,255,255,.95);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:100px;padding:var(--space-1) var(--space-2);transition:all .2s cubic-bezier(.4,0,.2,1)}.oauth-btn-compact:hover{background:#fff;border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(52,152,219,.1);transform:translateY(-1px)}.oauth-icon{flex-shrink:0}.auth-footer-links{align-items:center;border-top:1px solid rgb(52 152 219/8%);display:flex;font-size:var(--font-size-xs);gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding-top:var(--space-1)}.text-muted-sm{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.link-primary{color:var(--brand-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-default)}.link-primary:hover{color:var(--brand-primary-dark);text-decoration:underline}.link-secondary{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-default)}.link-secondary:hover{color:var(--color-text);text-decoration:underline}.separator{color:var(--color-text-tertiary)}.alert,.separator{font-size:var(--font-size-sm)}.alert{border-left:4px solid transparent;border-radius:var(--radius-md);line-height:var(--line-height-relaxed);margin-top:var(--space-4);padding:var(--space-4)}.alert.hidden{display:none}.alert--success{background:rgba(46,204,113,.1);border-color:var(--brand-success);color:var(--brand-secondary-dark)}.alert--error{background:rgba(231,76,60,.1);border-color:var(--brand-danger);color:#c0392b}.alert--info{background:rgba(52,152,219,.1);border-color:var(--brand-primary);color:var(--brand-primary-dark)}.alert--warning{background:rgba(245,158,11,.1);border-color:var(--brand-warning);color:#d97706}@media(max-width:768px){.auth-wrapper{margin:var(--space-6) auto;padding:0 var(--space-3)}.auth-panel{border-radius:var(--radius-lg)}.auth-header{flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-4)}.auth-header .panel-title{font-size:var(--font-size-xl)}.auth-panel .panel-body{padding:var(--space-5) var(--space-4)}.form-row{gap:0;grid-template-columns:1fr}.auth-page .form-col{margin-bottom:var(--space-3)}.form-actions{align-items:stretch;flex-direction:column;gap:var(--space-3)}.checkbox-label{justify-content:flex-start}}@media(max-width:480px){.auth-wrapper{margin:var(--space-4) auto}.auth-header .panel-title{font-size:var(--font-size-lg)}.auth-header .panel-subtitle{font-size:var(--font-size-xs)}}.auth-panel{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.auth-page .auth-panel,.auth-page .form-control{animation:none;transition:none}}.checkbox-input:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.footer-actions{align-items:center;border-top:1px solid rgba(52,152,219,.1);display:flex;gap:var(--space-4);justify-content:space-between;padding-top:var(--space-4)}.footer-actions .text-muted{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}@media(max-width:768px){.footer-actions{align-items:flex-start;flex-direction:column;gap:var(--space-3)}}
