body{margin:0;background:#f3efe7;color:#18221f;font:16px system-ui}.signin{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.intro{padding:12vh 9vw;background:#173c35;color:#fff}.intro h1{font:clamp(3rem,7vw,7rem)/.9 Georgia;margin:.25em 0}.intro p{max-width:30rem;font-size:1.2rem}.card{margin:auto;width:min(28rem,80%);padding:2rem;background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #173c3520}label{display:grid;gap:.4rem;margin:1rem 0}input{padding:.9rem;border:1px solid #aaa;border-radius:.6rem;font:inherit}.remember{display:flex;align-items:center}button{padding:.9rem 1.2rem;border:0;border-radius:2rem;background:#e95d3e;color:#fff;font-weight:700;width:100%;margin:.4rem 0}.company{text-align:left;background:#173c35}#error{color:#a31d16}@media(max-width:700px){.signin{display:block}.intro{padding:3rem 1.5rem}.intro h1{font-size:3rem}.card{margin:2rem auto}}

.secondary{background:transparent;color:#173c35;border:1px solid #173c35}

.providers{display:grid;gap:.55rem;margin:1rem 0}.provider{display:flex;justify-content:center;align-items:center;gap:.7rem;background:#fff;color:#18221f;border:1px solid #b7bdb9}.provider:disabled{opacity:.48;cursor:not-allowed}.provider img{display:block;height:40px;max-width:100%;object-fit:contain}.provider-google{border:0;padding:0}.provider-google img{width:177px;height:40px}.provider-microsoft{border:0;padding:0}.provider-microsoft img{width:210px;height:40px}.or{display:flex;align-items:center;gap:.7rem;color:#64706b;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.or:before,.or:after{content:"";height:1px;background:#d9ddd9;flex:1}@media(max-width:700px){.providers{gap:.4rem}}
@media(max-width:700px){.intro{padding:2rem 1.5rem}.intro h1{font-size:2.65rem;margin:.18em 0}.intro p{font-size:1.05rem;margin-bottom:.2rem}.card{margin:1rem auto;padding:1.5rem;width:min(28rem,78%)}.card h2{margin-top:0}.providers{margin:.65rem 0}label{margin:.7rem 0}input{padding:.72rem}button{padding:.75rem 1rem}}
.intro .logo{display:block;width:52px;height:52px;border-radius:13px;margin-bottom:16px}

#link .or{margin:1.6rem 0 1rem}

.back-link{display:block;text-align:center;margin-top:.9rem;font-size:.85rem;color:#64706b}