:root{font-family:"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f4ed;background:#101d30;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid #99ddff;outline-offset:4px}
.entrance{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:60px;padding:44px 5vw 34px;position:relative;isolation:isolate}
.entrance:before{content:"";position:fixed;inset:0;z-index:-2;background:#23364b url('/static/assets/office/generated/office-login.png') center/cover no-repeat}
.entrance:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(0deg,#071626e6,transparent 52%),linear-gradient(90deg,#08182955,transparent 48%,#0715265c)}
.interior{display:flex;flex-direction:column;justify-content:space-between;min-height:660px;padding:0 0 48px}
.brand{display:flex;align-items:center;gap:16px;font-size:36px;font-weight:650;letter-spacing:-1px;text-shadow:0 2px 24px #071627}
.company-mark{width:62px;height:62px;filter:drop-shadow(0 5px 18px #0b163f55)}
.brand small{display:block;font-size:15px;letter-spacing:.3px;font-weight:500;color:#e4ebf5;margin-top:2px}
.welcome{max-width:600px;text-shadow:0 2px 25px #071627}
h1{font-size:clamp(40px,4.5vw,70px);font-weight:550;letter-spacing:-2px;line-height:1.09;margin:0 0 22px}
.welcome p{font-size:18px;line-height:1.7;color:#e0e8f1;margin:0}
.reception{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}
.card{width:100%;padding:34px 38px 28px;border-radius:26px;border:1px solid #b8d5ef55;background:linear-gradient(145deg,#16324bef,#101d31f5);box-shadow:0 30px 90px #07101d80,inset 0 1px 0 #e1f1ff24;backdrop-filter:blur(18px)}
.key-icon{width:52px;height:52px;border-radius:15px;border:1px solid #9cd4ff66;background:#27527a66;color:#b8e5ff;display:grid;place-items:center;margin-bottom:25px}
.eyebrow{font-size:13px;color:#efc98d;margin:0 0 10px;text-transform:lowercase}.eyebrow:first-letter{text-transform:uppercase}
h2{font-size:30px;letter-spacing:-.8px;line-height:1.2;margin:0 0 12px}.subtitle{font-size:14px;line-height:1.65;color:#bdcddd;margin:0 0 25px}
label{display:block;font-size:14px;color:#eef2f7;margin:19px 0 9px}input{width:100%;height:52px;border-radius:10px;border:1px solid #7592ad80;background:#0c1c2dcc;padding:0 14px;color:#fff}input:focus{border-color:#91d8ff}.password-field{position:relative}.password-field input{padding-right:94px}.password-field button{position:absolute;right:7px;top:7px;height:38px;border:0;border-radius:6px;background:transparent;color:#c5e3f7;font-size:12px}.hint{font-size:12px;line-height:1.6;color:#bfcfdd}
#error{font-size:13px;line-height:1.5;color:#ffc4b5;min-height:20px;margin:14px 0}
#submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:55px;padding:15px 19px;border:1px solid #85ceff;border-radius:11px;color:#fff;background:linear-gradient(115deg,#1575cd,#204da4);box-shadow:0 5px 22px #1582db30,inset 0 1px 0 #c4eeff33;font-weight:650}#submit:hover:not(:disabled){filter:brightness(1.15)}
.privacy{text-align:center;margin:24px 0 0;font-size:12px;color:#cfdae5;line-height:1.9}.privacy span{font-size:11px;color:#aabed0}footer{text-align:center;font-size:12px;font-weight:600;color:#edf4fc;text-shadow:0 2px 6px #071627}footer span{display:block;font-size:11px;font-weight:400;color:#d4e1ed;margin-top:5px}
@media(min-width:1500px){.entrance{padding-right:8vw;gap:100px}}
@media(max-width:1000px){.entrance{grid-template-columns:minmax(0,1fr) 400px;gap:28px;padding:30px}.card{padding:30px}h1{font-size:44px}.brand{font-size:29px}.company-mark{width:50px;height:50px}.welcome p{font-size:15px}}
@media(max-width:740px){.entrance{display:flex;flex-direction:column;padding:25px 20px 30px;gap:32px}.entrance:before{background-position:40% center}.entrance:after{background:linear-gradient(0deg,#071626e8,#07162640)}.interior{min-height:150px;padding:0}.brand{font-size:28px}.brand small{font-size:13px}.welcome{display:none}.reception{width:100%;max-width:440px;margin:auto}.card{padding:27px 25px;border-radius:22px}.key-icon{margin-bottom:20px}h2{font-size:28px}footer{margin-top:0}}
@media(prefers-reduced-motion:no-preference){#submit{transition:filter .15s}}