:root{color-scheme:dark;--ink:#f4f5f4;--green:#355f4e;--line:#373a38;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:#090b0a;color:var(--ink)}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);padding:32px;border:1px solid var(--line);border-radius:8px;background:#101211;box-shadow:0 18px 55px #0005}.login-card h1{text-align:center;font-size:clamp(30px,4vw,38px);letter-spacing:-.04em;margin:0}.subtitle{text-align:center;color:#a5a9a6;margin:8px 0 28px}.login-card form{display:grid;gap:9px}.login-card label{font-size:14px;font-weight:650;margin-top:8px}.login-card input{width:100%;height:42px;border:1px solid #494d4a;border-radius:6px;background:#191b1a;color:white;padding:0 12px;font:inherit}.login-card input:focus-visible{outline:2px solid #75aa90;outline-offset:2px}.sign-in{height:44px;margin-top:15px;border:0;border-radius:6px;background:var(--green);color:white;font:700 15px inherit;font-family:inherit;cursor:pointer}.sign-in:hover{background:#44735e}.error{font-size:14px;color:#f0b4ac;margin:0}.home-page{min-height:100dvh;display:flex;align-items:center}.portal{width:min(1160px,calc(100% - 64px));margin:auto}.portal header{text-transform:uppercase;letter-spacing:.16em;font-weight:750;font-size:19px;margin-bottom:24px}.slices{display:flex;gap:4px;height:min(48vh,420px);min-height:280px}.slice{position:relative;overflow:hidden;flex:1;min-width:0;border:0;background:#171b18;color:white;cursor:pointer;text-align:left;transition:flex .5s cubic-bezier(.2,.75,.2,1)}.slice::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000c 0%,#0001 55%),var(--photo) center/cover;filter:grayscale(1);transition:transform .55s,filter .55s}.slice:hover,.slice:focus-visible{flex:2}.slice:hover::before,.slice:focus-visible::before{transform:scale(1.025);filter:grayscale(1) brightness(1.1)}.slice span{position:absolute;left:22px;bottom:20px;font-size:clamp(16px,2vw,22px);font-weight:750;white-space:nowrap;text-shadow:0 1px 10px #000}.slice i{position:absolute;right:20px;bottom:18px;font-style:normal;color:#78aa8f;font-size:26px}.slice:focus-visible{outline:2px solid #9cc9ae;outline-offset:3px;z-index:1}@media(max-width:700px){.portal{width:calc(100% - 36px)}.portal header{font-size:17px;margin-bottom:16px}.slices{height:min(68vh,560px);min-height:360px;flex-direction:column}.slice{flex:1}.slice:hover{flex:1}.slice.is-expanded,.slice.is-expanded:hover{flex:2}.slice span{left:16px;bottom:14px}.slice i{right:16px;bottom:11px}}@media(prefers-reduced-motion:reduce){.slice,.slice::before{transition:none}}
.mfa-card h1{font-size:26px}.mfa-card p{color:#c1c6c2;line-height:1.5}.mfa-card a{color:#9ac9ad}.mfa-card button{padding:11px 16px;border:0;border-radius:6px;background:var(--green);color:white;font:600 15px system-ui;cursor:pointer}.mfa-card input[type=checkbox]{width:auto;height:auto}.mfa-card img{display:block;max-width:220px;margin:16px auto;background:white;padding:10px}.mfa-card textarea{width:100%;min-height:160px;background:#191b1a;color:white;border:1px solid #494d4a;border-radius:6px;padding:10px}.mfa-card .errorlist{color:#f0b4ac;padding-left:20px}
