:root{--footer-header-bg:#1a1a1a;--header-fg:#fff;--color-bg:#fff;--color-surface:#f5f5f5;--color-surface-hover:#eaeaea;--color-border:#ddd;--color-text-primary:#111;--color-text-secondary:#666;--color-danger:#f44}.dark{--footer-header-bg:#000;--color-bg:#111;--color-surface:#1a1a1a;--color-surface-hover:#222;--color-border:#2a2a2a;--color-text-primary:#fff;--color-text-secondary:#999;--color-danger:#f44}.login-page{flex-direction:column;min-height:100vh;display:flex}.auth-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem 1rem;display:flex}.auth-header{justify-content:center;align-items:center;gap:8px;margin-bottom:3rem;display:flex}.logo-icon{margin-bottom:1rem;font-size:3rem}.brand-name{letter-spacing:-.05em;text-transform:uppercase;font-size:3rem;font-weight:900}.tagline{letter-spacing:.2em;color:var(--color-text-secondary);margin-top:.5rem;font-size:.75rem}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:440px;padding:3rem;position:relative}.badge{background-color:var(--color-surface);letter-spacing:.1em;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:.5rem 1rem;font-size:.65rem;font-weight:700;position:absolute;top:0;left:2rem;transform:translateY(-50%)}.form-group{margin-bottom:1.5rem}.form-group label{letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.65rem;font-weight:700;display:block}.form-group input{border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:0 0;padding:.75rem 0;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--color-text-primary);outline:none}.btn-primary{background-color:var(--color-text-primary);width:100%;color:var(--color-bg);letter-spacing:.1em;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem;font-size:.75rem;font-weight:900;transition:transform .1s;display:flex}.btn-primary:hover{background-color:var(--color-text-secondary)}.btn-primary:active{transform:scale(.98)}.divider{text-align:center;margin:2rem 0;position:relative}.divider:before{content:"";background-color:var(--color-border);z-index:0;width:100%;height:1px;position:absolute;top:50%;left:0}.divider span{background-color:var(--color-surface);z-index:1;letter-spacing:.1em;color:var(--color-text-secondary);padding:0 1rem;font-size:.65rem;font-weight:700;position:relative}.social-auth{gap:1rem;display:flex}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-primary);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.75rem;display:flex}.auth-footer{color:var(--color-text-secondary);margin-top:2rem;font-size:.85rem}.auth-footer a{color:var(--color-text-primary);font-weight:700}.global-footer{border-top:1px solid var(--color-border);text-align:center;background-color:var(--footer-header-bg);padding:4rem 2rem}.footer-logo{margin-bottom:1.5rem;font-size:1.5rem;font-weight:900}.footer-links{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.footer-links a{color:var(--color-text-secondary);font-size:.75rem}.copyright{color:var(--color-text-secondary);opacity:.5;font-size:.7rem}