.msi-login{--background:#fbf8f1;--surface:#fff;--foreground:#292c25;--muted:#64665c;--msi-orange:#a53d12;--msi-orange-hover:#85300d;--msi-orange-ring:#ff904e55;--border-strong:#d8d7cd;min-height:100svh;color:var(--foreground);background:radial-gradient(ellipse at 95% 15%, #ffe6cc90, transparent 42%), var(--background);border-top:7px solid #ff904e;flex-direction:column;flex:1;padding:28px clamp(24px,5vw,84px) 22px;display:flex}.login-header,.login-footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.login-brand{letter-spacing:-.8px;align-items:center;gap:12px;font-size:23px;font-weight:750;display:inline-flex}.login-brand img{border-radius:50%;width:46px;height:46px}.login-website{font-size:13px;font-weight:600}.login-website span{color:#a53d12;margin-left:10px}.login-layout{grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);align-items:center;gap:clamp(40px,7vw,110px);width:100%;max-width:1240px;margin:auto;padding:50px 0;display:grid}.login-eyebrow{letter-spacing:2px;color:#8d3d19;align-items:center;gap:9px;margin-bottom:22px;font-size:10px;font-weight:700;display:flex}.login-eyebrow>span{background:#a53d12;border-radius:50%;width:7px;height:7px}.login-story h2{letter-spacing:-2.8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,4.9vw,70px);font-weight:400;line-height:1.07}.login-story h2 em{color:#a53d12;font-weight:400}.login-story-copy{max-width:420px;color:var(--muted);margin:23px 0 28px;font-size:15px;line-height:1.8}.login-photo{margin:0;padding-bottom:14px;position:relative}.login-photo>img{object-fit:cover;object-position:center 54%;border-radius:70px 20px 20px;width:100%;height:clamp(210px,20vw,275px)}.login-photo figcaption{color:#352b22;border:4px solid var(--background);background:#ffb77d;border-radius:40px;align-items:center;gap:10px;padding:8px 18px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:0;right:-10px}.login-photo figcaption span{font-size:23px;line-height:1}.login-card{background:#fffefb;border:1px solid #e8dfd1;border-radius:25px;padding:clamp(28px,3.3vw,46px);position:relative;box-shadow:0 24px 70px #5e43230b}.login-card-spark{color:#ff904e;font-size:70px;line-height:1;position:absolute;top:-28px;right:25px;transform:rotate(12deg)}.login-card .login-eyebrow{margin-bottom:14px}.login-card h1{letter-spacing:-1.4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3vw,43px);font-weight:400;line-height:1.2}.login-card-intro{color:var(--muted);margin:12px 0 30px;font-size:14px;line-height:1.6}.login-label{font-size:12px;font-weight:600;display:block}.login-form input{background:#fff;border-radius:9px;min-height:47px;font-size:15px}.login-form label:not(:first-child){margin-top:19px}.login-form button[type=submit]{border-radius:9px;min-height:47px;margin-top:23px;font-size:14px}.login-form button[type=button]{font-size:12px;line-height:1.6}.login-microsoft{background:#fff;border:1px solid #d8d7cd;border-radius:9px;padding:12px;font-size:13px;font-weight:600}.login-microsoft:hover{background:#fbf8f1}.login-help{text-align:center;color:var(--muted);border-top:1px solid #e8e4db;margin-top:26px;padding-top:23px;font-size:12px}.login-help a{color:#8d3d19;text-underline-offset:3px;text-decoration:underline}.login-footer{width:100%;max-width:1360px;color:var(--muted);border-top:1px solid #e4dfd3;margin:0 auto;padding-top:20px;font-size:11px;line-height:1.6}.login-footer nav{gap:22px;display:flex}.msi-login a:hover{text-underline-offset:4px;text-decoration:underline}.msi-login a:focus-visible,.login-form button:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #a53d12}@media (max-width:760px){.msi-login{padding:20px 22px}.login-layout{flex-direction:column;gap:40px;padding:42px 0 32px;display:flex}.login-story,.login-card{width:100%;max-width:480px}.login-story h2{letter-spacing:-1.8px;font-size:clamp(39px,8vw,58px)}.login-story-copy{margin-bottom:20px;font-size:14px}.login-photo>img{border-top-left-radius:50px;height:190px}.login-card{order:-1}.login-header{gap:12px}.login-brand{gap:8px;font-size:19px}.login-brand img{width:36px;height:36px}.login-website{white-space:nowrap;font-size:11px}.login-footer{flex-direction:column;align-items:flex-start;gap:10px}}