.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-bg);padding:var(--spacing-lg)}.auth-container{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;overflow:hidden}.auth-header{position:relative;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;color:var(--color-text-inverse);overflow:hidden}.auth-header-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-header);background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}.auth-header-bg.is-active{opacity:1}.auth-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001f;pointer-events:none}.auth-header-content{position:relative;z-index:1}.auth-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--color-text-inverse)}.auth-header p{font-size:var(--font-size-sm);opacity:.95}.auth-header-dots{position:relative;z-index:1;margin-top:var(--spacing-md);display:flex;justify-content:center;gap:10px}.auth-header-dot{width:8px;height:8px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.6);background:#ffffff40;cursor:pointer;padding:0}.auth-header-dot.is-active{background:#fffffff2;border-color:#fffffff2}@media (prefers-reduced-motion: reduce){.auth-header-bg{transition:none}}.auth-form{padding:var(--spacing-2xl) var(--spacing-xl)}.auth-button{width:100%;padding:var(--spacing-sm);font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:var(--gradient-header);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-secondary);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.auth-footer a:hover{text-decoration:underline}.error-message{display:none;background:var(--color-error-bg);color:var(--color-error-text);padding:var(--spacing-sm) 14px;border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);border-left:3px solid var(--color-error)}.error-message.show{display:block}.password-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}