/* Сторінка входу -- за макетом `mockup/teamnetwork/Login.dc.html`. */
@font-face{font-family:'Russo One';src:url('/fonts/RussoOne-Regular.ttf') format('truetype');font-display:block}
:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Inter','Segoe UI',system-ui,sans-serif;color:#dadde1;background:#1b1e22}
[hidden]{display:none!important}
.lg{min-height:100vh;display:flex}
.brand{width:640px;flex-shrink:0;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:56px 60px;background:#1b1e22}
.brand .bg{position:absolute;left:-80px;bottom:-30px;width:900px;height:686px;fill:#1f2226;z-index:0}
.words{position:relative;margin-top:auto;display:flex;flex-direction:column;gap:14px}
.kick{font-size:13px;letter-spacing:.16em;color:#83898f}
.big{font-family:'Russo One',sans-serif;font-size:52px;line-height:1.05;color:#fff}
.lead{font-size:16px;line-height:1.5;color:#83898f;max-width:420px}
.form{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#141619}
.box{width:400px;display:flex;flex-direction:column;gap:22px}
.head{display:flex;flex-direction:column;gap:6px}
h1{margin:0;font-size:26px;font-weight:700}
.head span{font-size:14px;line-height:1.5;color:#83898f}
.err{margin:0;padding:10px 12px;border-left:3px solid #ff5a66;background:#2a1c1f;color:#ff9aa0;font-size:13px;line-height:1.5}
.google{height:52px;background:#3d424a;color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}
.google:hover{background:#E1000F}
.note{font-size:12px;color:#83898f;line-height:1.5}
@media (max-width:900px){.brand{display:none}.box{width:100%;max-width:400px}.form{padding:24px 16px}}