.login{position:relative;width:100%;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--ground);--ph:calc(min(100vw, 480px) * 0.667 + 40px)}.login__photo{position:absolute;top:0;left:0;right:0;height:var(--ph);background:#000 url(/group.jpg) center calc(env(safe-area-inset-top) + 40px) /100% auto no-repeat;filter:grayscale(1) contrast(1.12) brightness(.8);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 40%,rgba(0,0,0,.7) 62%,rgba(0,0,0,.3) 82%,transparent 97%);mask-image:linear-gradient(180deg,#000 0,#000 40%,rgba(0,0,0,.7) 62%,rgba(0,0,0,.3) 82%,transparent 97%)}.login__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--ground) 0,rgba(14,16,20,.9) 30%,rgba(14,16,20,.25) 60%,rgba(14,16,20,0) 100%)}.login__content{position:relative;z-index:2;flex:1 1;display:flex;flex-direction:column;padding:calc(var(--ph) - 44px) 22px max(22px,env(safe-area-inset-bottom))}.login__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login__eyebrow:before{content:"";width:22px;height:1px;background:currentColor;opacity:.6}.login__mark{font-weight:900;font-size:clamp(64px,22vw,96px);letter-spacing:-.07em;line-height:.9;margin:0 0 6px -3px}.login__mark span{color:var(--blue);letter-spacing:0;margin-left:.13em}.login__tag{font-size:15px;color:var(--ink-2);margin:0 0 20px;max-width:30ch;line-height:1.4}.login__form{margin-top:auto;display:flex;flex-direction:column;gap:10px}.login__fine{font-family:var(--font-mono);font-size:11px;color:var(--faint);text-align:center;margin:12px 0 0;letter-spacing:.02em;line-height:1.5}.login__fine b{color:var(--muted);font-weight:500}.login__field{display:flex;align-items:center;gap:10px;background:rgba(24,28,36,.85);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 14px;height:52px}.login__field svg{color:var(--muted);flex:none}.login__field input{flex:1 1;background:none;border:0;color:var(--ink);font-size:16px;outline:none;min-width:0}.login__field input::placeholder{color:var(--faint)}.login__code{letter-spacing:.25em;font-family:var(--font-mono);font-size:22px!important;text-align:center}@media (min-width:520px){.login{min-height:0;height:min(100dvh,880px);margin:max(0px,calc((100dvh - 880px) / 2)) auto;border:1px solid var(--line);border-radius:36px;box-shadow:0 30px 80px rgba(0,0,0,.6)}}