body{min-height:100vh;display:flex;flex-direction:column;background:var(--color-app-bg);color:var(--color-text)}.auth-layout{flex:1;display:grid;grid-template-columns:1fr;min-height:100vh}@media (min-width: 900px){.auth-layout{grid-template-columns:1fr 1.1fr}}.auth-panel{background:#00161099;border-right:1px solid var(--color-border);display:none;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;position:relative;overflow:hidden}@media (min-width: 900px){.auth-panel{display:flex}}.auth-panel:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle at center,rgba(142,111,184,.15) 0%,transparent 60%);border-radius:50%;top:-150px;left:-150px;animation:floatOrb 15s ease-in-out infinite alternate}.auth-panel:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle at center,rgba(110,79,184,.1) 0%,transparent 60%);border-radius:50%;bottom:-100px;right:-100px;animation:floatOrb 20s ease-in-out infinite alternate-reverse}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,40px) scale(1.05)}to{transform:translate(-20px,20px) scale(.95)}}.auth-panel-content{position:relative;z-index:1;max-width:480px}.auth-panel .logo-large{display:flex;justify-content:center;margin-bottom:var(--space-8);animation:float 5s ease-in-out infinite}.auth-panel .logo-large img{width:72px;height:72px}.auth-panel h1{font-family:var(--font-heading);font-weight:var(--font-weight-black);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-4);line-height:1.1}.auth-panel h1 span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-panel p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-loose);opacity:.9}.auth-container{display:flex;flex-direction:column;justify-content:center;padding:var(--space-6) var(--space-6);max-width:480px;margin:0 auto;width:100%;position:relative}@media (min-width: 900px){.auth-container{padding:var(--space-12) var(--space-16);max-width:580px}}.auth-header{margin-bottom:var(--space-10);text-align:left}.auth-header h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.01em}.auth-header p{color:var(--color-text-muted);font-size:var(--font-size-base)}.auth-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group{position:relative}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-4);color:var(--color-text-muted);width:18px;height:18px;pointer-events:none;transition:color var(--transition-fast)}.form-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 44px;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff1a;box-shadow:0 0 0 3px #9b7fd433}.form-input:focus+.input-icon{color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted);opacity:.6}.input-action{position:absolute;right:var(--space-4);background:none;border:none;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.input-action:hover{color:var(--color-text);background:var(--color-bg)}.input-action:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-error-global{display:none;background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-left:4px solid var(--color-danger);margin-bottom:var(--space-6);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.form-error-msg{display:none;color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-2);font-weight:var(--font-weight-medium)}.form-input.invalid{border-color:var(--color-danger);background:var(--color-danger-bg)}.form-input.invalid:focus{box-shadow:0 0 0 3px #e0555533}.strength-meter{display:flex;gap:4px;margin-top:var(--space-3)}.strength-segment{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);transition:background .3s ease}.strength-segment.active-1{background:var(--color-danger)}.strength-segment.active-2{background:var(--color-warning)}.strength-segment.active-3{background:var(--color-primary)}.strength-segment.active-4{background:var(--color-success)}.strength-text{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;justify-content:space-between;margin-top:var(--space-2)}.auth-submit-btn{width:100%;padding:16px;font-size:var(--font-size-base);margin-top:var(--space-4);box-shadow:0 4px 12px #6e4fb840}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6e4fb859}.auth-submit-btn:active{transform:translateY(1px)}.auth-links{margin-top:var(--space-8);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-links a{color:var(--color-primary);font-weight:var(--font-weight-bold);transition:color var(--transition-fast)}.auth-links a:hover{color:var(--color-primary-light);text-decoration:underline}.auth-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 899px){.auth-container{background:transparent;padding:var(--space-8) var(--space-6);margin-top:var(--space-8);margin-bottom:var(--space-8)}}