.loginPage{color:#0b2119;background:#f4f1e8;grid-template-columns:minmax(420px,.85fr) minmax(500px,1.15fr);max-width:none;min-height:100vh;padding:0;display:grid}.loginCard{flex-direction:column;width:100%;max-width:620px;margin:auto;padding:55px clamp(30px,7vw,92px);display:flex}.loginBrand{color:#0b2119;letter-spacing:.14em;align-items:center;gap:11px;margin-bottom:80px;font:900 12px monospace;text-decoration:none;display:flex}.loginBrand span{color:#c6ff35;background:#0b2119;place-items:center;width:34px;height:34px;display:grid}.loginEyebrow{color:#60736b;letter-spacing:.17em;margin:0 0 12px;font:800 9px monospace}.loginCard h1{letter-spacing:-.06em;margin:0;font-size:clamp(40px,5vw,64px)}.loginLead{color:#65756e;max-width:470px;margin:20px 0 30px;font-size:14px;line-height:1.75}.passkeyButton{color:#fff;background:#0b2119;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;padding:17px 18px;text-decoration:none;display:grid}.passkeyButton>i{color:#c6ff35;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:38px;height:38px;font:24px sans-serif;display:grid}.passkeyButton span{flex-direction:column;gap:3px;display:flex}.passkeyButton b{font-size:13px}.passkeyButton small{color:#9eafa8;font-size:10px}.passkeyButton em{color:#c6ff35;font-style:normal}.loginCard ol{gap:11px;margin:25px 0;padding:0;list-style:none;display:grid}.loginCard li{color:#5f7069;align-items:center;gap:11px;font-size:11px;display:flex}.loginCard li>b{border:1px solid #bac2bb;border-radius:50%;place-items:center;width:22px;height:22px;font:700 9px monospace;display:grid}.loginCard li strong{color:#213c32}.securityNote{background:#e9eddf;border-left:3px solid #91c800;margin-top:8px;padding:15px 17px}.securityNote>b{font:800 10px monospace}.securityNote p{color:#5d6e66;margin:6px 0 0;font-size:10px;line-height:1.6}.backShowcase{color:#566860;margin-top:25px;font:700 10px monospace}.loginVisual{color:#fff;background:radial-gradient(circle,#1b4b36 0,#0b2119 48%,#071812 80%);flex-direction:column;justify-content:center;padding:9vw;display:flex;position:relative;overflow:hidden}.loginVisual:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.loginVisual>p,.loginVisual>h2{position:relative}.loginVisual>p{color:#94aaa0;letter-spacing:.17em;margin:40px 0 10px;font:700 9px monospace}.loginVisual h2{letter-spacing:-.05em;margin:0;font-size:clamp(32px,4vw,58px);line-height:1.1}.qrFrame{aspect-ratio:1;border:1px solid #c6ff3569;width:min(330px,65%);position:relative}.qrMock{background:#c6ff35;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);gap:6px;padding:16px;display:grid;position:absolute;inset:35px}.qrMock:before{background:repeating-conic-gradient(#0b2119 0 25%,transparent 0 50%) 50%/32px 32px;mix-blend-mode:multiply;content:"";position:absolute;inset:16px}.qrMock i{z-index:1;background:#c6ff35;border:7px solid #0b2119;position:relative}.qrMock i:first-child{grid-area:1/1/3/3}.qrMock i:nth-child(2){grid-area:1/6/3/8}.qrMock i:nth-child(3){grid-area:6/1/8/3}.phone{background:#122c22;border:7px solid #e9eee9;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:205px;display:flex;position:absolute;bottom:-32px;right:-62px;box-shadow:0 20px 40px #0008}.phone>span{background:#e9eee9;border-radius:5px;width:36px;height:5px;position:absolute;top:5px}.phone b{color:#0b2119;background:#c6ff35;border-radius:50%;place-items:center;width:50px;height:50px;font-size:24px;display:grid}.phone small{color:#aebdb6;margin-top:10px;font-size:9px}@media (max-width:850px){.loginPage{grid-template-columns:1fr}.loginCard{max-width:none}.loginBrand{margin-bottom:45px}.loginVisual{display:none}}@media (max-width:520px){.loginCard{padding:30px 22px}.loginBrand{margin-bottom:42px}.loginCard h1{font-size:42px}}.loginCard h1{white-space:nowrap;font-size:clamp(40px,4.2vw,58px)}@media (max-width:520px){.loginCard h1{white-space:normal;font-size:42px}}.loginError{color:#70241d;background:#f3dfd9;border-left:3px solid #b83b2f;margin:-10px 0 22px;padding:14px 16px}.loginError b{font-size:12px}.loginError p{margin:5px 0 0;font-size:11px;line-height:1.55}
