@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap";:root{color:#18211f;font-synthesis:none;background:#e8eee9;font-family:Zen Kaku Gothic New,DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{background:linear-gradient(120deg,#dfeae0 0%,#f5f4ec 48%,#f0e8dc 100%);grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid;overflow:hidden}.welcome{flex-direction:column;justify-content:center;padding:clamp(42px,8vw,120px);display:flex;position:relative}.welcome:before{content:"";border:1px solid #325b462e;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-170px;left:-210px}.mark{color:#fff;letter-spacing:1px;background:#e9794e;place-items:center;width:50px;height:50px;margin-bottom:clamp(50px,9vh,100px);font:700 15px DM Sans;display:grid;box-shadow:10px 10px #bdd0bc}.eyebrow,.kicker{letter-spacing:2px;color:#436250;margin:0 0 24px;font:700 12px DM Sans}.welcome h1{letter-spacing:0;margin:0 0 28px;font-size:clamp(42px,5.2vw,78px);font-weight:900;line-height:1.22}.welcome em{color:#d45f3b;font-style:normal}.muted{color:#52635a;max-width:400px;margin:0;font-size:15px;line-height:2}.signal{color:#436250;align-items:center;gap:10px;margin-top:70px;font-size:13px;display:flex}.signal span{background:#d45f3b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #f4c7b6}.login-card{place-self:center;width:min(430px,100% - 48px);padding:48px 0}.card-heading{margin-bottom:42px}.card-heading h2{letter-spacing:0;margin:0 0 12px;font-size:34px}.card-heading p{color:#66746d;margin:0;font-size:14px;line-height:1.8}form{gap:23px;display:grid}label{color:#34453d;gap:9px;font-size:13px;font-weight:700;display:grid}.input-wrap{color:#708079;background:#ffffffb8;border-bottom:2px solid #b7c5bc;align-items:center;gap:12px;height:55px;padding:0 15px;transition:all .2s;display:flex}.input-wrap:focus-within{background:#fff;border-color:#d45f3b}.input-wrap input{min-width:0;font:inherit;color:#18211f;background:0 0;border:0;outline:0;flex:1;font-weight:400}.input-wrap input::placeholder{color:#9ba9a1}.icon-button,.text-button{color:#68776f;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.submit{color:#fff;cursor:pointer;background:#1d4c3a;border:0;justify-content:center;align-items:center;gap:14px;height:55px;margin-top:8px;font:700 14px inherit;transition:all .2s;display:flex}.submit:hover{background:#d45f3b;transform:translateY(-2px)}.submit:disabled{opacity:.6;cursor:wait}.error{color:#b33d2c;margin:-7px 0 -4px;font-size:13px}.security-note{color:#7e8b84;align-items:center;gap:8px;margin-top:34px;font-size:12px;display:flex}.side-panel{display:none}.text-button{color:#d45f3b;justify-content:flex-start;margin-top:36px;font-size:14px;font-weight:700;display:flex}@media (width<=760px){.shell{min-height:100vh;display:block}.welcome{padding:34px 28px 18px;display:block}.mark{margin-bottom:40px}.welcome h1{margin-bottom:18px;font-size:42px}.signal{margin-top:35px}.login-card{width:100%;padding:42px 28px 40px}.card-heading{margin-bottom:32px}.card-heading h2{font-size:30px}}.loading-shell{place-items:center;min-height:100vh;display:grid}.submit{text-decoration:none}a.submit{width:100%}.error{align-items:flex-start;gap:8px;margin:0 0 22px;line-height:1.7;display:flex}.error svg{flex:none;margin-top:2px}.login-card .submit{margin-top:4px}.profile{gap:14px;max-width:420px;margin:8px 0 0;display:grid}.profile div{grid-template-columns:120px 1fr;align-items:baseline;gap:12px;display:grid}.profile dt{letter-spacing:1px;color:#436250;font:700 12px DM Sans}.profile dd{color:#34453d;word-break:break-all;margin:0;font-size:15px}.side-panel{flex-direction:column;justify-content:center;gap:20px;padding:clamp(28px,5vw,64px) clamp(24px,4vw,56px);display:flex}.panel-card{color:#52635a;background:#ffffffb8;border-left:3px solid #d45f3b;gap:10px;padding:26px 24px;display:grid}.panel-card svg{color:#1d4c3a}.panel-card strong{color:#18211f;font-size:16px}.panel-card span{font-size:13px;line-height:1.9}@media (width<=760px){.side-panel{padding:0 28px 40px}}
