@import url('../style.css');
:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f7fafc;color:#172e3a;font-family:Arial,sans-serif}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px 52px;overflow:hidden;background:#123540;color:white}.login-story:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#102f3c33 0%,#102f3c55 28%,#102f3ce8 80%),url('../assets/yamaha-nmax.png') center/cover;opacity:.8}.login-story>*{position:relative}.login-brand{display:flex;align-items:center;gap:12px;color:#17343e;text-decoration:none;background:white;border-radius:12px;padding:9px 18px 9px 9px;align-self:flex-start;font-size:18px;font-weight:700}.login-brand img{object-fit:contain}.login-brand b{color:#069dce}.story-copy{margin-top:230px;max-width:500px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#069cc8}.login-story .eyebrow{color:#93ddf2}.story-copy h1{font-size:clamp(36px,4.5vw,66px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.story-copy p{font-size:15px;line-height:1.75;max-width:360px;color:#d3e6eb}.story-pill{display:inline-block;border:1px solid #7ca4b2;padding:9px 15px;border-radius:30px;font-size:11px;margin-top:22px}.story-foot{font-size:11px;color:#bdd4dc;margin-top:75px}.login-side{padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-card{width:100%;max-width:370px}.login-card h2{font-size:40px;letter-spacing:-1.5px;margin:16px 0 12px}.login-intro{font-size:14px;color:#6b7f89;margin:0 0 35px}form label{display:block;font-size:12px;font-weight:700;margin:22px 0 9px}form input{font:14px Arial,sans-serif;width:100%;border:1px solid #d8e3e9;background:white;border-radius:7px;padding:16px;min-height:50px}form input:focus{outline:2px solid #62bdda;outline-offset:2px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:11px;top:13px;border:0;background:transparent;color:#456773;font-size:11px;font-weight:700;padding:5px;cursor:pointer}.sign-in{background:#079dcd;border:0;border-radius:7px;color:white;font-weight:700;padding:17px 20px;width:100%;font-size:14px;display:flex;justify-content:space-between;cursor:pointer}.sign-in:disabled{opacity:.55;cursor:wait}.login-error{font-size:12px;color:#ad4338;line-height:1.6;min-height:18px;margin:12px 0}.login-help{font-size:11px;text-align:center;color:#73858e;margin:22px 0}.back-site{display:block;margin-top:30px;text-align:center;font-size:11px;color:#456b7c;text-decoration:none}.login-side>footer{font-size:10px;color:#8497a0;margin-top:65px}#login-preview{padding:16px;background:#eaf6fc;border:1px solid #cce8f2;border-radius:8px;margin-top:22px;font-size:11px;line-height:1.7}.demo-roles{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.demo-roles button{border:1px solid #b8dbe8;border-radius:5px;background:white;padding:8px;color:#20738f;font-size:10px;cursor:pointer}@media(max-width:900px){.login-story{padding:30px}.login-side{padding:35px}.story-copy{margin-top:180px}}@media(max-width:650px){.login-shell{display:block}.login-story{min-height:230px;padding:20px 25px}.login-brand{font-size:14px}.login-brand img{width:37px;height:37px}.story-copy{margin-top:25px}.story-copy h1{font-size:31px;letter-spacing:-1px;margin:10px 0}.story-copy p,.story-pill,.story-foot{display:none}.login-side{padding:35px 25px 25px}.login-card h2{font-size:32px}.login-intro{margin-bottom:24px}.login-side>footer{margin-top:35px}}