.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--brand-50) 0,var(--bg) 100%);position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-4);padding-top:calc(var(--space-4) + 60px)}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.auth-pattern{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 25% 25%,var(--brand-100) 0,transparent 50%),radial-gradient(circle at 75% 75%,var(--brand-200) 0,transparent 50%);opacity:.3;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-20px,-20px) rotate(180deg)}}.auth-theme-toggle{right:var(--space-4)}.auth-back-link,.auth-theme-toggle{position:fixed;top:var(--space-4);z-index:1000}.auth-back-link{left:var(--space-4)}.auth-container{position:relative;z-index:1;width:100%;max-width:400px}.auth-card{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo-container{margin-bottom:var(--space-4)}.auth-logo-icon{width:64px;height:64px;margin:0 auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);object-fit:cover}.auth-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--space-2) 0}.auth-subtitle{font-size:var(--text-base);color:var(--text-muted);margin:0;line-height:1.5}.auth-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium)}.auth-message-success{background-color:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200)}.auth-message-error{background-color:rgba(225,77,77,.1);color:var(--danger);border:1px solid rgba(225,77,77,.2)}.auth-form{margin-bottom:var(--space-6)}.auth-field{margin-bottom:var(--space-4)}.auth-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text);margin-bottom:var(--space-2)}.auth-input-container{position:relative;display:flex;align-items:center}.auth-input-icon{left:14px;pointer-events:none}.auth-input-action,.auth-input-icon{position:absolute;color:var(--text-muted);z-index:1;display:flex;align-items:center;justify-content:center}.auth-input-action{right:14px;background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-input-action:hover{color:var(--text);background-color:var(--bg-subtle)}.auth-input-action:focus{outline:none;box-shadow:0 0 0 2px var(--brand-100)}.auth-input{width:100%;height:48px;padding:0 14px 0 46px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--input-text);transition:all var(--transition-fast);box-sizing:border-box;display:flex;align-items:center}.auth-input-with-action{padding-right:46px}.auth-input::placeholder{color:var(--input-placeholder)}.auth-input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.auth-password-strength{font-size:var(--text-xs);margin-top:var(--space-2);padding-left:var(--space-1)}.auth-password-strength.valid{color:var(--success)}.auth-password-strength.invalid{color:var(--danger)}.auth-forgot{text-align:right;margin-bottom:var(--space-6);display:flex;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.auth-forgot-link{font-size:var(--text-sm);color:var(--brand-500);text-decoration:none;transition:color var(--transition-fast)}.auth-forgot-link:hover{color:var(--brand-600)}.auth-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-2)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-footer{text-align:center}.auth-submit{width:100%}.auth-divider{position:relative;margin-bottom:var(--space-4);margin-top:var(--space-6)}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border)}.auth-divider span{background-color:var(--panel);padding:0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm);position:relative}.auth-link-button{width:100%}.auth-footer-text{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.auth-text-link{color:var(--brand-500);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font:inherit}.auth-text-link:hover{color:var(--brand-600);text-decoration:underline}.auth-instructions{background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.auth-instructions-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text);margin:0 0 var(--space-3) 0}.auth-instructions-list{list-style:decimal;padding-left:var(--space-6);margin:0}.auth-instructions-list li{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2);line-height:1.5}.auth-instructions-list li:last-child{margin-bottom:0}@media (max-width:480px){.auth-page{padding:var(--space-2)}.auth-card{padding:var(--space-6)}.auth-back-link,.auth-theme-toggle{position:fixed;z-index:1000}.auth-theme-toggle{top:var(--space-2);right:var(--space-2)}.auth-back-link{top:var(--space-2);left:var(--space-2)}}