:root{color-scheme:light;--green:#1d5745;--ink:#203c32;--muted:#607068;--line:#dce2da;--paper:#faf9f5;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ae2554;outline-offset:4px}.site-header{max-width:1120px;margin:auto;padding:29px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;letter-spacing:-.3px}.brand img{border-radius:50%}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-top:2px}.site-link{font-size:12px;display:flex;gap:16px}.site-link:hover{text-decoration:underline;text-underline-offset:5px}.login-layout{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:100px;min-height:calc(100vh - 190px);padding:65px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;margin:0 0 22px;color:var(--muted)}h1{font:400 62px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-2px;margin:0 0 24px}h1 em{font-weight:400;color:var(--green)}.lead{font-size:15px;line-height:1.8;color:var(--muted);max-width:350px}.art{position:relative;width:245px;height:180px;margin:40px 0 0}.art span{position:absolute;display:block}.arch{width:90px;height:150px;border-radius:60px 60px 0 0;background:#295f4b;left:20px;top:0;transform:rotate(-12deg)}.circle{width:110px;height:110px;border-radius:50%;background:#edb6c5;left:105px;top:40px;mix-blend-mode:multiply}.stripe{width:159px;height:35px;background:#e7c852;transform:rotate(-29deg);left:49px;top:115px}.dot{width:19px;height:19px;background:#ad4357;border-radius:50%;left:206px;top:3px}.signature{font:italic 14px Georgia,serif;color:var(--muted);margin:20px 0 0}.dex-container{width:100%;min-width:0}.theme-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:38px;box-shadow:0 14px 45px #203c3206}.theme-panel .eyebrow{font-size:9px;margin-bottom:15px}.theme-heading{font:400 30px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0 0 15px}.intro{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 29px}.theme-form-row{margin:0 0 20px}label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.theme-form-input{width:100%;height:46px;border:1px solid #b9c5b9;border-radius:7px;background:#fff;color:var(--ink);padding:11px 13px}.theme-form-input::placeholder{color:#849087}.dex-btn{cursor:pointer;border:1px solid var(--green);border-radius:7px;background:var(--green);color:white;padding:12px 16px;font-size:13px;font-weight:650}.theme-btn--primary{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:26px}.dex-btn:hover{background:#164535}.dex-btn:disabled{opacity:.6}.help{font-size:11px;color:var(--muted);text-align:center;line-height:1.8;margin:24px 0 0;padding-top:22px;border-top:1px solid var(--line)}.theme-link-back{font-size:11px;text-align:center;margin-top:15px;text-decoration:underline}.dex-error-box{padding:12px 14px;border-radius:7px;background:#fae9ee;color:#9b1640;font-size:12px}.theme-btn-provider{margin:10px 0;width:100%}footer{max-width:1120px;margin:auto;padding:22px 0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer span:last-child{font:italic 13px Georgia,serif}
@media(max-width:1200px){.site-header,footer{margin:0 35px}.login-layout{padding:55px 35px;gap:55px;grid-template-columns:1fr minmax(330px,440px)}h1{font-size:54px}}
@media(max-width:760px){.site-header,footer{margin:0 22px}.site-header{padding:22px 0}.brand{font-size:15px}.brand img{width:37px;height:37px}.site-link{font-size:11px;gap:8px}.login-layout{grid-template-columns:1fr;max-width:500px;gap:27px;padding:35px 22px;min-height:calc(100vh - 160px)}.login-story .art,.signature,.login-story .eyebrow{display:none}h1{font-size:40px;letter-spacing:-1px;margin-bottom:12px}h1 br{display:none}.lead{font-size:13px;margin:0;max-width:350px}.theme-panel{padding:26px}.theme-heading{font-size:27px}.theme-form-row{margin-bottom:18px}footer{font-size:10px}.site-link{max-width:100px;text-align:right}}
