*{box-sizing:border-box;margin:0;padding:0}.auth-page{background:linear-gradient(135deg, var(--surface-page) 0%, var(--surface-page-alt) 50%, var(--surface-page) 100%);flex-direction:column;width:100%;min-height:100vh;display:flex}.header-minimal{z-index:1000;background:0 0;justify-content:center;align-items:center;height:70px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.header-minimal.scrolled{background:var(--surface-card);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d}.header-minimal-logo{cursor:pointer;align-items:baseline;gap:0;transition:opacity .2s;display:flex}.header-minimal-logo:hover{opacity:.7}.header-minimal-logo h1,.header-minimal-logo .logo-word{color:var(--text-primary);margin:0;font-family:Rubik,sans-serif;font-size:1.75rem;font-weight:600}.header-minimal-logo .logo-ark{color:var(--accent)}.header-minimal-logo h2{color:var(--text-primary);margin:0;font-family:Rubik,sans-serif;font-size:1.75rem;font-weight:300}.auth-container{flex:1;justify-content:center;align-items:center;padding:100px 24px 60px;display:flex}.auth-card{background:var(--surface-card);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:24px;padding:48px 40px}.auth-header{text-align:center;margin-bottom:36px}.auth-header h1{color:var(--text-primary);margin-bottom:8px;font-family:Rubik,sans-serif;font-size:2rem;font-weight:600}.auth-header p{color:var(--text-secondary);font-family:Rubik,sans-serif;font-size:1rem}.auth-form{flex-direction:column;gap:10px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-family:Rubik,sans-serif;font-size:.9rem;font-weight:500}.form-group input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface-card);border-radius:12px;outline:none;padding:14px 16px;font-family:Rubik,sans-serif;font-size:1rem;transition:all .2s}.form-group input::placeholder{color:var(--text-faint)}.form-group input:focus{border-color:var(--accent);background:var(--surface-card);box-shadow:0 0 0 3px var(--ring)}.form-group input:hover:not(:focus){border-color:var(--border-strong)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.password-toggle svg{width:20px;height:20px;display:block}.form-row{justify-content:space-between;align-items:center;margin-top:-8px;display:flex}.remember-me{cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.remember-me span{color:var(--text-secondary);font-family:Rubik,sans-serif;font-size:.9rem}.forgot-password{color:var(--accent);font-family:Rubik,sans-serif;font-size:.9rem;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--accent-active);text-decoration:underline}.auth-submit{cursor:pointer;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);width:100%;color:var(--text-on-accent);border:none;border-radius:12px;margin-top:8px;padding:16px 24px;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;transition:all .3s;box-shadow:0 4px 15px #e07a5f4d}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e07a5f66}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.auth-divider span{color:var(--text-muted);font-family:Rubik,sans-serif;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.social-login{flex-direction:column;gap:12px;display:flex}.social-btn{border:1px solid var(--border);cursor:pointer;background:var(--surface-card);width:100%;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-family:Rubik,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.social-btn svg{width:20px;height:20px}.auth-footer{text-align:center;border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.auth-footer p{color:var(--text-secondary);font-family:Rubik,sans-serif;font-size:.95rem}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--accent-active);text-decoration:underline}.back-link{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-family:Rubik,sans-serif;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--text-primary)}.back-link svg{width:18px;height:18px}.success-message{text-align:center;padding:20px 0}.success-icon{background:linear-gradient(135deg, var(--success-fg) 0%, var(--success-fg) 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.success-icon svg{width:32px;height:32px;color:var(--text-on-accent)}.success-message h2{color:var(--text-primary);margin-bottom:8px;font-family:Rubik,sans-serif;font-size:1.5rem}.success-message p{color:var(--text-secondary);font-family:Rubik,sans-serif;font-size:1rem;line-height:1.6}.error-message{background:var(--danger-wash);border:1px solid var(--danger-border);border-radius:10px;margin-bottom:16px;padding:12px 16px}.error-message p{color:var(--danger-fg);margin:0;font-family:Rubik,sans-serif;font-size:.9rem}@media (width<=768px){.auth-container{padding:90px 20px 40px}.auth-card{border-radius:20px;padding:36px 28px}.auth-header h1{font-size:1.75rem}.form-row{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=480px){.auth-container{padding:80px 16px 32px}.auth-card{border-radius:16px;padding:32px 24px}.auth-header h1,.header-minimal-logo h1,.header-minimal-logo h2,.header-minimal-logo .logo-word{font-size:1.5rem}.login-method-toggle{flex-direction:column}.method-btn{flex:none;width:100%}}.login-method-toggle{background:var(--surface-sunken);border-radius:12px;gap:8px;margin-bottom:24px;padding:4px;display:flex}.method-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;flex:1;padding:12px 16px;font-family:Rubik,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s}.method-btn:hover{color:var(--text-primary)}.method-btn.active{background:var(--surface-card);color:var(--text-primary);box-shadow:0 2px 8px #00000014}.passwordless-info{color:var(--text-secondary);text-align:center;background:var(--surface-sunken);border-radius:10px;margin:0;padding:16px;font-family:Rubik,sans-serif;font-size:.95rem;line-height:1.5}