@font-face{font-family:Planar;src:url('/font.woff2')}@font-face{font-family:Planar;src:url('/font-medium.woff2');font-weight:600}*{box-sizing:border-box}body{margin:0;background:#f8f8f8;color:#272727;font:15px Planar,sans-serif}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#242424;color:#f4f4f4;padding:54px 9%;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.brand{display:flex;align-items:center;font-size:38px;font-weight:600;letter-spacing:-2px;color:inherit;text-decoration:none}.brand img{width:38px;height:38px;margin-right:15px}.brand span{color:#dadada}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;margin:0 0 25px}.intro .eyebrow{color:#dadada}h1{font-size:clamp(32px,3.6vw,60px);font-weight:400;line-height:1.14;letter-spacing:-2px;margin:0 0 26px}.lead{max-width:320px;color:#bcbcbc;line-height:1.8}.foot,.access-foot{font-size:12px;color:#a1a1a1}.access{padding:64px 12% 28px;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-wrap{width:100%;max-width:360px;margin:auto}.access .eyebrow{color:#7c7c7c}h2{font-size:28px;font-weight:400;letter-spacing:-.6px;margin:0 0 12px}#description{color:#6c6c6c;margin:0 0 35px;line-height:1.6}label{display:block;font-size:13px;margin:22px 0 8px}input{display:block;width:100%;padding:14px;background:white;border:1px solid #d2d2d2;border-radius:5px;margin-top:9px;font:inherit;color:inherit}input:focus{outline:2px solid #707070;outline-offset:2px}button{width:100%;padding:15px;border:0;border-radius:5px;background:#373737;color:white;font:inherit;margin-top:25px;cursor:pointer}button:hover{background:#4d4d4d}button:disabled{opacity:.5;cursor:wait}small,.help{color:#727272;font-size:12px;line-height:1.7}.help{border-top:1px solid #e0e0e0;padding-top:24px;margin-top:22px}#status{color:#505050;font-size:13px;line-height:1.6;min-height:20px}a{color:#515151}.access-foot{margin:50px 0 0;color:#858585}[hidden]{display:none!important}@media(max-width:760px){main{grid-template-columns:1fr}.intro{padding:28px;gap:40px}.intro h1{font-size:34px}.intro .lead,.intro .foot{display:none}.intro .eyebrow{margin-bottom:16px}.access{padding:40px 28px 24px}.brand{font-size:32px}.access-foot{margin-top:30px}}
/* Planar's monochrome identity, with a predominantly white sign-in surface. */
body{background:#fff;color:#202020}.intro{background:#f5f5f5;color:#191919;border-right:1px solid #e5e5e5}.brand{color:#171717}.brand img{filter:brightness(0)}.brand span{color:#171717}.intro .eyebrow{color:#777}.lead{color:#777}.foot{color:#888}.access{background:white}.access .eyebrow{color:#777}#description{color:#777}button{background:#222}button:hover{background:#444}input{border-color:#ddd;color:#222}input:focus{outline-color:#666}small,.help{color:#777}.help{border-color:#e5e5e5}#status{color:#333}a{color:#333}.access-foot{color:#888}@media(max-width:760px){.intro{border-right:0;border-bottom:1px solid #e5e5e5}}