Skip to content
COMING BACK SOON.

/* --- CLEAN WHITE BACKGROUND --- */ .password { background: #ffffff !important; } /* Remove any inherited gradient/background */ .password::before, .password::after, .password.gradient::before, .password.gradient::after { display: none !important; background: none !important; content: none !important; } /* --- Password page custom layout --- */ .password .pw-wrap { min-height: calc(100vh - 140px); display: grid; place-items: center; padding: 4rem 1.5rem; background: #ffffff !important; } .password .pw-card { width: 100%; max-width: 520px; text-align: center; background: #ffffff; } .password .pw-title { font-family: var(--font-heading-family); font-weight: 500; letter-spacing: .02em; margin: 0 0 .25rem; font-size: clamp(1.75rem, 2.5vw, 2.25rem); color: rgba(var(--color-foreground), 0.9); } .password .pw-tag { color: rgba(var(--color-foreground), 0.7); margin: 0 0 1.5rem; font-size: clamp(1.05rem, 1.6vw, 1.15rem); } .password .pw-field { margin-bottom: .75rem; } .password .pw-input { width: 100%; padding: .9rem 1rem; border-radius: var(--inputs-radius); border: var(--inputs-border-width) solid rgba(var(--color-foreground), .15); background: #ffffff; color: rgba(var(--color-foreground), .9); } .password .pw-btn { width: 100%; padding: .9rem 1rem; border-radius: var(--buttons-radius); border: 0; background: rgb(var(--color-button)); color: rgb(var(--color-button-text)); cursor: pointer; } .password .pw-btn--secondary { background: transparent; border: 1px solid rgba(var(--color-foreground), .2); color: rgba(var(--color-foreground), .9); margin-top: .5rem; } .password .pw-footer { display: flex; gap: 1rem; align-items: center; justify-content: center; padding: 2rem 1rem 3rem; flex-wrap: wrap; background: #ffffff; } .password .pw-social a { color: rgba(var(--color-foreground), .75); text-underline-offset: 3px; }