:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080808;color:#f5f5f5}
*{box-sizing:border-box}body{margin:0}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}main{position:relative;min-height:100svh;display:grid;place-items:center;padding:64px 24px}.identity{text-align:center;width:100%;max-width:860px;transform:translateY(-12px)}
.mark{width:clamp(252px,41vw,408px);aspect-ratio:842/444;overflow:hidden;position:relative;margin:0 auto 45px;opacity:.76}.mark img{position:absolute;width:142.52%;height:auto;max-width:none;left:-21.38%;top:-85.14%;filter:invert(1);mix-blend-mode:screen}
h1{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:clamp(36px,6.4vw,78px);font-weight:400;letter-spacing:.065em;line-height:1.15;margin:0;white-space:nowrap}nav{display:flex;align-items:center;justify-content:center;gap:29px;margin-top:46px;font-size:14px;letter-spacing:.035em}a,.portal{color:#aaa;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;position:relative}a{transition:color .25s}a:hover{color:#fff}a:focus-visible,.portal:focus-visible{outline:1px solid #eee;outline-offset:7px}.divider{height:12px;width:1px;background:#444}.portal{cursor:not-allowed;color:#848484}.note{position:absolute;top:44px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;letter-spacing:0;padding:10px 14px;background:#151515;border:1px solid #333;opacity:0;visibility:hidden;transition:opacity .2s;color:#ddd}.portal:hover .note,.portal:focus .note{opacity:1;visibility:visible}
@media(max-width:480px){.identity{transform:translateY(-8px)}.mark{margin-bottom:34px}h1{letter-spacing:.035em;font-size:clamp(28px,8.2vw,40px)}nav{margin-top:34px;gap:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("assets/grain.svg")}
.login-wordmark{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-size:clamp(28px,5vw,48px);letter-spacing:.065em;line-height:1.2}.login-identity .mark{width:220px;margin-bottom:32px}.portal-message{max-width:380px;margin:36px auto 0;border-top:1px solid #303030;padding-top:30px}.portal-message h1{font-family:Arial,Helvetica,sans-serif;font-size:18px;letter-spacing:.035em;white-space:normal}.portal-message p{font-size:16px;line-height:1.6;color:#bbb;margin:18px 0 0}.portal-message .portal-detail{font-size:14px;color:#929292;margin-top:6px}.login-identity nav{margin-top:22px}
.login-form{text-align:left;margin-top:28px}.login-form label{display:block;font-size:14px;color:#aaa;margin-bottom:10px}.login-form input{width:100%;padding:15px 16px;background:#101010;border:1px solid #383838;border-radius:0;color:#ddd;font:inherit;font-size:16px;margin-bottom:22px;opacity:1;cursor:not-allowed}.login-form input::placeholder{color:#777}.login-form button{width:100%;min-height:48px;border:1px solid #aaa;background:#ddd;color:#151515;font-size:14px;letter-spacing:.04em;cursor:not-allowed;opacity:.7}.login-form .portal-detail{text-align:center;margin-top:14px}