:root{color-scheme:dark;--accent:#d4fa73;--muted:#929c95}*{box-sizing:border-box}body{margin:0;background:#111514;color:#f2f5ef;font:16px/1.5 'Segoe UI',Arial,sans-serif}.entrance{display:grid;grid-template-columns:55% 45%;min-height:100svh}.photograph{position:relative;min-height:700px;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.83) 100%),url('/login-photo.png') center 44%/cover no-repeat}.brand{position:absolute;top:40px;left:44px;display:flex;gap:10px;align-items:center;font-size:26px;font-weight:800;letter-spacing:2px;color:white;text-decoration:none;text-shadow:0 1px 8px #000}.brand>span{display:grid;place-items:center;background:var(--accent);color:#151918;width:36px;height:36px;border-radius:7px;text-shadow:none}.brand i{color:var(--accent);font-style:normal;margin-left:-9px}.photo-caption{position:absolute;bottom:110px;left:9%;right:9%}.photo-caption>span{font-size:12px;letter-spacing:3px;color:var(--accent)}h1{font-size:clamp(35px,4vw,60px);line-height:1.08;letter-spacing:-2px;max-width:490px;font-weight:600;margin:20px 0} .photo-caption p{color:#d1d4cf;margin:16px 0 0;font-size:17px}.photo-footer{position:absolute;bottom:35px;left:9%;font-size:10px;letter-spacing:2px;color:#b8bfb7}.access{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 48px;position:relative}.login-box{width:100%;max-width:390px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent)}h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-1.5px;margin:20px 0 12px;font-weight:600}h2 span{color:var(--accent)}.intro{color:var(--muted);margin:0 0 40px;max-width:320px;font-size:16px}label{font-size:14px;display:block;margin-bottom:10px}.password-wrap{display:flex;background:#1b211d;border:1px solid #3b453e;border-radius:7px;overflow:hidden}.password-wrap:focus-within{outline:2px solid var(--accent);outline-offset:3px}input{min-width:0;flex:1;padding:15px;border:0;background:none;color:white;font:inherit;outline:none}button{font:inherit;cursor:pointer}#show-password{border:0;background:none;color:#b7c0b8;font-size:13px;padding:0 15px}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.enter{display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:#16200e;border:0;border-radius:7px;font-weight:650;width:100%;padding:15px 18px;margin-top:20px}.enter:hover{background:#e0ff97}.enter:disabled{opacity:.5;cursor:wait}.private-note{border-top:1px solid #2c342e;margin-top:30px;padding-top:23px;font-size:13px;color:var(--muted)}#error{color:#ffb9a6;font-size:14px;min-height:22px;margin:13px 0 0}#setup{font-size:14px;line-height:1.8;background:#20271b;border:1px solid #465435;border-radius:7px;padding:16px;color:#dbe6cc}.access footer{position:absolute;bottom:35px;left:48px;right:48px;display:flex;justify-content:space-between;color:#879385;font-size:10px;letter-spacing:2px}[hidden]{display:none!important}@media(max-width:750px){.entrance{grid-template-columns:1fr}.photograph{min-height:330px;background-position:center 35%}.brand{top:23px;left:25px;font-size:22px}.photo-caption{bottom:30px;left:25px;right:25px}.photo-caption>span{font-size:10px}.photo-caption h1{font-size:35px;max-width:360px;margin:12px 0;letter-spacing:-1px}.photo-caption p,.photo-footer{display:none}.access{padding:42px 25px 80px;min-height:510px;justify-content:flex-start}.login-box{max-width:430px}h2{font-size:34px}.intro{margin-bottom:28px}.access footer{left:25px;right:25px;bottom:25px}}@media(min-width:751px) and (max-height:720px){.photograph{min-height:640px}.access{padding:45px 35px 80px}.photo-caption{bottom:90px}}
.entrance{background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.35) 45%,rgba(7,12,9,.9) 75%),url('/login-photo.png') center 48%/cover no-repeat;background-attachment:fixed}.photograph{background:none}.access{background:rgba(13,19,15,.45);backdrop-filter:blur(4px)}.login-box{padding:28px 0}.photo-caption{text-shadow:0 2px 12px #000}@media(max-width:750px){.entrance{background-position:38% center}.access{background:rgba(13,19,15,.88)}.photograph{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.login-box{padding:0}}
