/* Dorfmix account-flow preview – layout and mobile styling. No submission or account writes. */
.dm-flow-page{background:linear-gradient(150deg,#f4f8f1 0%,#fffef9 62%,#f5f9f4 100%);min-height:72vh;padding:30px 0 105px}
.dm-flow-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:21px;border-bottom:1px solid #dce8df;margin-bottom:43px}
.dm-flow-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:900;color:#487e68}
.dm-flow-top>a{font-size:13px;color:#286d56;text-decoration:none;font-weight:800}
.dm-flow-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:min(7vw,95px);align-items:center}
.dm-flow-aside{position:relative;padding:25px 0}
.dm-flow-crest{display:grid;place-items:center;border-radius:24px;background:#def0df;width:72px;height:72px;font-size:40px;margin-bottom:27px}
.dm-flow-aside h1,.dm-flow-heading h1{font-size:clamp(39px,5vw,69px);color:#154f40;letter-spacing:-2.3px;line-height:1.12;font-weight:900;margin:0 0 20px}
.dm-flow-aside h1 em,.dm-flow-heading h1 em{font-family:Georgia,serif;font-weight:500;color:#d8804a}
.dm-flow-aside>p,.dm-flow-heading>p{color:#647a6c;line-height:1.85;font-size:17px;max-width:580px}
.dm-flow-perks{display:grid;gap:16px;color:#2f6a50;font-size:14px;font-weight:800;margin:29px 0}
.dm-flow-art{border-radius:25px;overflow:hidden;box-shadow:0 20px 40px #164e361c;margin-top:31px;max-width:570px}
.dm-flow-art img{width:100%;display:block}
.dm-auth-card{background:#fff;border:1px solid #e3ece4;padding:36px 39px 30px;border-radius:30px;box-shadow:0 24px 80px #183f2b18}
.dm-card-tag{color:#257864;display:inline-flex;align-items:center;border-radius:30px;padding:8px 13px;background:#e6f5e8;font-size:11px;font-weight:900;letter-spacing:.4px;margin-bottom:18px}
.dm-auth-card h2{font-size:31px;letter-spacing:-1px;color:#164e3d;line-height:1.2;margin:0 0 13px;font-weight:900}
.dm-auth-card>p{color:#6c7c70;line-height:1.75;font-size:14px;margin:0 0 27px}
.dm-auth-card form{display:flex;flex-direction:column;gap:9px}
.dm-auth-card form>label:not(.dm-form-check){font-size:13px;font-weight:900;color:#315646;margin-top:11px}
.dm-auth-card input:not([type="checkbox"]){height:50px;border:1px solid #cfded5;background:#fbfdfa;color:#164d3e;border-radius:12px;padding:11px 15px;font-size:15px;outline-offset:3px;width:100%}
.dm-auth-card input:focus{border-color:#0e866f;box-shadow:0 0 0 4px #0e866f13}
.dm-auth-card form>small{font-size:11px;color:#89988e;line-height:1.45}
.dm-form-check{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.55;color:#3e6250;cursor:pointer;margin-top:8px}
.dm-form-check input{flex:0 0 18px;width:18px;height:18px;accent-color:#0f8068;margin:1px 0 0}
.dm-form-privacy{font-size:11px!important;color:#839389!important;line-height:1.6!important;margin:12px 0!important}
.dm-flow-button{background:#146d59;color:white;border:0;border-radius:35px;padding:16px;min-height:52px;font-size:14px;font-weight:900}
.dm-flow-button:disabled{opacity:.64;cursor:not-allowed}
.dm-demo-alert{font-size:12px!important;color:#806743!important;background:#fff8e7;border:1px solid #ecdcb5;padding:13px 15px;border-radius:12px;line-height:1.6!important;margin:17px 0!important}
.dm-step-links{text-align:center;margin:29px auto;font-size:13px;color:#627d6d}
.dm-step-links a{font-weight:900;color:#0c7460;text-decoration:underline;text-underline-offset:4px}
.dm-flow-heading{text-align:center;max-width:750px;margin:0 auto 35px}
.dm-flow-heading h1{font-size:clamp(35px,4.6vw,59px)}
.dm-flow-heading>p{margin-inline:auto}
.dm-mail-wrapper{max-width:900px}
.dm-email-frame{max-width:690px;margin:30px auto;background:#fff;border:1px solid #e6eae2;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #164b3525}
.dm-email-top{background:linear-gradient(115deg,#0a695b,#0e8b73);text-align:center;color:#fff;padding:30px 20px}
.dm-email-top>span{font-size:35px;display:inline-block;vertical-align:middle;margin-right:12px}
.dm-email-top strong{font-size:32px;letter-spacing:-2px}
.dm-email-top strong span{color:#ffc579}
.dm-email-top small{display:block;color:#d3f4e5;font-size:12px;margin-top:9px}
.dm-email-inner{padding:42px 48px}
.dm-mail-chip{font-size:12px;color:#b86839;background:#fff2df;border-radius:25px;padding:9px 15px;font-weight:900}
.dm-email-inner h2{font-size:32px;line-height:1.22;color:#144c3c;letter-spacing:-1px;margin:25px 0 17px}
.dm-email-inner>p{line-height:1.85;color:#556a5b;font-size:15px;margin:16px 0}
.dm-mail-button{background:#0b7963;display:block;text-align:center;color:white;border-radius:50px;font-weight:900;padding:17px 20px;margin:32px auto 16px;max-width:370px;box-shadow:0 13px 20px #15594622;cursor:default}
.dm-mail-footnote{font-size:11px!important;color:#8e9c91!important}
.dm-mail-divider{height:1px;background:#e7eae3;margin:31px 0}
.dm-mail-bottom{background:#f1f7ef;padding:22px 35px;text-align:center;font-size:11px;color:#718b79;line-height:1.7}
.dm-onboarding{max-width:1100px}
.dm-welcome-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:27px;align-items:stretch}
.dm-onboard-panel,.dm-lock-panel{border-radius:26px;padding:30px;background:white;border:1px solid #e1e9df;box-shadow:0 15px 40px #194c3610}
.dm-progress-label{display:flex;justify-content:space-between;align-items:center;color:#285d4a;font-size:13px}
.dm-progress-label span{color:#7d9285}
.dm-progress-track{height:9px;border-radius:50px;background:#dfede4;margin:19px 0 26px;overflow:hidden}
.dm-progress-track span{height:100%;display:block;width:5%;background:#d78855}
.dm-setup-step{display:flex;gap:16px;align-items:center;border-top:1px solid #e8eee6;padding:23px 0}
.dm-setup-step>span:first-child{background:#e9f6ec;color:#2e8064;font-family:Georgia,serif;font-weight:900;border-radius:14px;width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;font-size:19px}
.dm-setup-step>div{flex:1}
.dm-setup-step h3{margin:0 0 4px;font-size:18px;color:#1c5948}
.dm-setup-step p{margin:0;color:#7b8d80;font-size:12px;line-height:1.55}
.dm-setup-open{border-radius:12px;background:#fff7e6;color:#ad7d36;font-size:10px;font-weight:900;padding:7px 9px;white-space:nowrap}
.dm-lock-panel{background:#e8f4eb;display:flex;flex-direction:column}
.dm-locked-icon{font-size:45px}
.dm-lock-panel h2{font-size:26px;line-height:1.22;color:#194e40;letter-spacing:-.8px;margin:16px 0 8px}
.dm-lock-panel>p{font-size:14px;line-height:1.75;color:#617e69}
.dm-locked-features{display:grid;gap:10px;margin-top:19px}
.dm-locked-features>div{display:flex;align-items:center;gap:9px;border-radius:11px;background:white;padding:13px 11px;font-size:12px;font-weight:800;color:#2c6552}
.dm-locked-features>div span{flex:1}
.dm-locked-features b{font-size:10px;color:#27835b}
.dm-locked-features>div.dm-muted{color:#a3b1a5;opacity:.78}
.dm-locked-features>.dm-muted b{color:#9ca99f}
.dm-lock-panel>small{font-size:11px;line-height:1.6;color:#7d9285;margin-top:20px}
.dm-public-profile{max-width:1090px}
.dm-resident-card{background:white;border-radius:28px;border:1px solid #e1e9e0;overflow:hidden;box-shadow:0 20px 60px #124e3415}
.dm-profile-cover{height:230px;background:radial-gradient(ellipse at 83% 21%,#f9d69a 0,transparent 21%),linear-gradient(135deg,#246a56 0%,#72b89a 47%,#d5e9ac 100%);padding:27px 33px;position:relative;overflow:hidden}
.dm-profile-cover::before{content:"";position:absolute;inset:68% -15% -40%;background:#368866;border-radius:50% 50% 0 0;transform:rotate(-9deg)}
.dm-profile-cover::after{content:"";position:absolute;inset:77% -20% -40%;background:#9ed18a;border-radius:50% 50% 0 0;transform:rotate(12deg)}
.dm-profile-cover>span{position:relative;z-index:1;background:#fffef0dc;border-radius:35px;padding:10px 15px;display:inline-block;font-size:13px;color:#1e6f51;font-weight:900}
.dm-profile-top{display:flex;align-items:center;gap:26px;padding:0 35px 30px;border-bottom:1px solid #e6eee5;flex-wrap:wrap}
.dm-profile-portrait{width:134px;height:134px;flex:0 0 134px;background:#eef8ed;border:6px solid white;border-radius:50%;display:grid;place-items:center;overflow:hidden;margin-top:-55px;position:relative;z-index:3;box-shadow:0 6px 20px #0c5b452a}
.dm-profile-portrait svg{width:100%;height:100%}
.dm-profile-meta{flex:1;min-width:190px;padding-top:14px}
.dm-verified{font-size:11px;color:#1c795b;background:#e8f7eb;border-radius:35px;padding:6px 10px;font-weight:900}
.dm-profile-meta h2{font-size:30px;color:#18523f;font-weight:900;letter-spacing:-1px;margin:10px 0 4px}
.dm-profile-meta p{font-size:13px;color:#7c9482;margin:0 0 14px}
.dm-profile-facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 13px}.dm-profile-facts span{display:inline-flex;gap:5px;align-items:center;border:1px solid #d9e8d9;background:#f5faf1;border-radius:22px;padding:7px 11px;font-size:12px;color:#2f7058}.dm-profile-facts b{font-weight:800}.dm-distance-note{color:#788b7c;font-size:11px;line-height:1.5;margin:-5px 0 15px}.dm-profile-tags{display:flex;flex-wrap:wrap;gap:9px}
.dm-profile-tags>span{border-radius:25px;background:#ecf6ec;padding:7px 12px;font-size:11px;font-weight:800;color:#216b53}
.dm-profile-actions{display:flex;gap:11px;flex-direction:column;color:#2f7759;font-size:12px;font-weight:800}
.dm-profile-actions span{border:1px solid #dce8dd;border-radius:24px;padding:9px 13px;text-align:center}
.dm-profile-tabs{display:flex;gap:30px;overflow-x:auto;padding:0 36px;border-bottom:1px solid #e7ede8;scrollbar-width:thin}
.dm-profile-tabs span{font-size:13px;padding:19px 3px;color:#779080;font-weight:800;white-space:nowrap}
.dm-profile-tabs span.active{border-bottom:3px solid #0e7f64;color:#116d55}
.dm-profile-content{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:38px 36px 45px}
.dm-profile-content h3{font-size:22px;color:#205442;margin:0 0 15px}
.dm-profile-content p{font-size:14px;color:#64796b;line-height:1.8}
.dm-profile-mini{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.dm-profile-mini span{border-radius:25px;background:#f1f8ec;padding:10px 12px;font-size:12px;color:#447760;font-weight:800}
.dm-profile-content aside{padding:25px;border-radius:21px;background:#f5f9f1}
.dm-profile-content aside h3{font-size:19px}
.dm-profile-content aside p{font-size:12px}
.dm-profile-link{border:1px dashed #b0d1ba;border-radius:9px;padding:11px;color:#307e62;font-size:12px;overflow-wrap:anywhere}
.dm-profile-content aside ul{list-style:none;padding:0;margin:21px 0 0;display:grid;gap:12px;font-size:11px;color:#648374}
@media(max-width:950px){.dm-flow-grid{grid-template-columns:1fr;gap:26px}.dm-flow-aside{padding:0;max-width:760px}.dm-flow-art{max-width:500px}.dm-auth-card{max-width:650px;width:100%;margin:0 auto}.dm-welcome-grid{grid-template-columns:1fr}.dm-profile-content{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){.dm-flow-page{padding:17px 0 70px}.dm-flow-top{margin-bottom:24px}.dm-flow-eyebrow{font-size:9px;letter-spacing:.8px}.dm-flow-top>a{font-size:11px}.dm-flow-crest{height:58px;width:58px;font-size:30px;margin-bottom:16px}.dm-flow-aside h1,.dm-flow-heading h1{font-size:39px;letter-spacing:-1.5px}.dm-flow-aside>p,.dm-flow-heading>p{font-size:15px}.dm-flow-perks{gap:11px;font-size:12px}.dm-auth-card{border-radius:23px;padding:24px 19px}.dm-auth-card h2{font-size:27px}.dm-auth-card input:not([type="checkbox"]){min-height:53px}.dm-flow-heading{margin-bottom:26px}.dm-email-inner{padding:29px 21px}.dm-email-inner h2{font-size:26px}.dm-email-top{padding:25px 12px}.dm-mail-bottom{padding:20px 15px}.dm-onboard-panel,.dm-lock-panel{padding:20px}.dm-setup-step{gap:11px}.dm-setup-open{font-size:9px;padding:6px}.dm-profile-cover{height:165px;padding:17px}.dm-profile-top{padding:0 19px 22px;gap:9px;align-items:flex-start}.dm-profile-portrait{width:100px;height:100px;flex-basis:100px;margin-top:-39px}.dm-profile-meta{padding-top:14px;min-width:calc(100% - 112px)}.dm-profile-meta h2{font-size:23px}.dm-profile-actions{width:100%;flex-direction:row;flex-wrap:wrap}.dm-profile-tabs{padding:0 16px;gap:21px}.dm-profile-content{padding:28px 20px}.dm-profile-tags{gap:6px}.dm-profile-tags>span{padding:6px 8px;font-size:10px}}