/* Match LoginView.swift's colors and blurred highlights. */
html {min-height:100%;margin:0;background:#1e1715;color-scheme:dark;}
body {margin:0;min-height:100vh;min-height:100dvh;background:transparent;color:#fff7e3;isolation:isolate;}
.login-background {position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(155deg,#1e1715 0%,#46352e 50%,#000 100%);}
.login-background::before,.login-background::after {content:"";position:absolute;border-radius:50%;}
.login-background::before {width:330px;height:330px;left:calc(50% + 150px - 165px);top:calc(50% - 260px - 165px);background:rgba(239,81,5,.22);filter:blur(70px);}
.login-background::after {width:260px;height:260px;left:calc(50% - 160px - 130px);top:calc(50% + 330px - 130px);background:rgba(255,255,255,.06);filter:blur(65px);}
.login-page {width:min(474px,100%);padding:calc(60px + env(safe-area-inset-top,0px)) 22px calc(32px + env(safe-area-inset-bottom,0px));}
.login-brand {margin-bottom:48px;}
.login-brand h1 {color:#fff;font-weight:800;}
.login-tagline {font-size:11px;letter-spacing:2.6px;color:rgba(255,255,255,.72);}
.login-card {background:linear-gradient(135deg,rgba(75,67,62,.82),rgba(39,37,36,.90));border-color:rgba(255,255,255,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 28px rgba(0,0,0,.28);}
.login-card h2 {color:#e8e2cf;}
.login-input {min-height:54px;border-radius:16px;background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.09);}
.login-input input {color:#fff7e3;}
.login-footer {margin-top:26px;color:rgba(255,255,255,.38);}
.login-footer i {color:rgba(239,81,5,.9);margin-right:7px;}
@media(max-height:750px){.login-page{padding-top:calc(28px + env(safe-area-inset-top,0px));}.login-brand{margin-bottom:30px;}}
@media(max-width:359px){.login-page{padding-left:14px;padding-right:14px;}.login-tagline{font-size:9px;letter-spacing:1.7px;}}