*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#f3f3f3;font-family:Arial,Helvetica,sans-serif}body{min-height:100svh}header{position:absolute;top:4.4vh;left:0;width:100%;display:flex;justify-content:center}header img{width:120px;height:auto;filter:invert(1)}main{min-height:100svh;display:grid;grid-template-columns:1fr 1.06fr 1fr;align-items:center;gap:4vw;padding:100px 6.3vw}h1{margin:0;font-size:clamp(30px,3.35vw,58px);line-height:1.14;letter-spacing:-.04em;font-weight:400}h1 strong{font-weight:700;display:block}h1 span{display:block;color:#ababab;font-weight:300;white-space:nowrap;margin-top:6px;font-size:.95em}form{position:relative;width:100%;max-width:460px;justify-self:center}.password-field{display:flex;align-items:center;border:1px solid #858585;border-radius:8px;background:#080808;min-height:66px;overflow:hidden}input[type=password]{width:100%;min-width:0;padding:20px 24px;color:#fff;background:transparent;border:0;font:inherit;font-size:20px;outline:none}input::placeholder{color:#b7b7b7;opacity:1}button{background:transparent;border:0;color:#fff;width:64px;min-width:56px;align-self:stretch;display:grid;place-items:center;cursor:pointer}.password-field:focus-within{outline:2px solid #fff;outline-offset:4px}button:focus-visible{outline:2px solid #fff;outline-offset:-6px}form[aria-busy=true] button{opacity:.45;cursor:wait}#access-message{position:absolute;top:100%;width:100%;margin:14px 0 0;font-size:13px;line-height:1.5;color:#bdbdbd}.phone{display:block;width:auto;height:55vh;max-height:550px;max-width:100%;object-fit:contain;justify-self:end}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px) and (min-width:761px){main{gap:3vw;padding-inline:4vw}h1{font-size:3.3vw}h1 span{white-space:normal}.password-field{min-height:56px}input[type=password]{font-size:16px;padding:16px}.phone{height:50vh}}@media(max-width:760px){header{position:static;padding-top:28px}header img{width:102px}main{min-height:calc(100svh - 58px);display:flex;flex-direction:column;justify-content:center;gap:42px;padding:54px 24px 28px}h1{font-size:clamp(32px,7.8vw,48px);align-self:flex-start;max-width:460px;width:100%;margin-inline:auto}h1 span{white-space:normal}form{max-width:460px}.password-field{min-height:56px}input[type=password]{font-size:16px;padding:16px 18px}.phone{height:32svh;min-height:210px;max-height:330px;max-width:85%;align-self:center}#access-message{font-size:12px}}
/* The supplied mockup wordmark already has white pixels on black. */
header img{filter:none}