@charset "UTF-8";
.mail-page .page-hero{padding-block:55px 42px}
.mail-page .page-hero h1{font-size:clamp(38px,4.6vw,62px);max-width:850px}
.mail-page .page-lead{max-width:650px}
.mail-preview-notice{display:flex;gap:12px;align-items:flex-start;padding:17px 20px;background:#a68bff0c;border:1px solid #a68bff30;border-radius:12px;margin-bottom:32px;font-size:12px;color:#c9beda}
.mail-preview-notice .status-dot{margin-top:7px}
.mail-preview-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:38px;padding-bottom:80px;align-items:start}
.mail-journey{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;position:sticky;top:110px}
.mail-journey h2{font-size:17px;letter-spacing:-.02em;line-height:1.4}
.mail-journey>p{font-size:11px;color:var(--muted);margin-top:7px}
.mail-phase{margin-top:21px}
.mail-phase h3{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--purple);font-weight:600;margin-bottom:10px}
.mail-day-links{display:flex;flex-wrap:wrap;gap:5px}
.mail-day-links a{display:grid;place-items:center;width:33px;height:33px;border:1px solid #393440;border-radius:7px;font-size:11px;color:#bab0c9;background:#ffffff03;font-variant-numeric:tabular-nums;transition:background .18s,border-color .18s}
.mail-day-links a:hover{background:#a68bff12;border-color:var(--purple)}
.mail-day-links a[aria-current]{background:var(--mint);color:#153329;border-color:var(--mint);font-weight:650}
.mail-day-links a:focus-visible,.mail-pagination button:focus-visible,#mail-day:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.mail-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px}
.mail-navigation label{font-size:12px;color:var(--muted)}
#mail-day{min-width:0;flex:1;max-width:430px;border:1px solid #4c435a;border-radius:9px;padding:12px 38px 12px 13px;background:var(--surface);color:var(--text);font-size:12px}
.mail-pagination{display:flex;gap:8px;margin-left:auto}
.mail-pagination button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;font-size:20px}
.mail-pagination button:hover:enabled{color:var(--mint);border-color:var(--mint)}
.mail-pagination button:disabled{opacity:.35;cursor:default}
.mail-progress{display:flex;align-items:center;gap:15px;margin-bottom:25px;min-width:0}
.mail-progress progress{width:90px;height:5px;appearance:none;border:0;background:#37323f;border-radius:6px;flex:none;overflow:hidden}
.mail-progress progress::-webkit-progress-bar{background:#37323f;border-radius:6px}
.mail-progress progress::-webkit-progress-value{background:var(--mint);border-radius:6px}
.mail-progress progress::-moz-progress-bar{background:var(--mint);border-radius:6px}
.mail-progress span{font-size:11px;line-height:1.6;color:#b8acc8}
.mail-message{min-width:0;margin-bottom:30px;scroll-margin-top:12px}
.mail-message:focus-visible{outline:2px solid var(--mint);outline-offset:6px;border-radius:15px}
.mail-message[hidden],.mail-pagination[hidden],#mail-day[hidden]{display:none}
.mail-envelope{border:1px solid #4b405a;border-bottom:0;border-radius:15px 15px 0 0;padding:21px 28px;background:#241f2e}
.mail-envelope dl{margin:0;display:grid;grid-template-columns:65px minmax(0,1fr);gap:7px 16px;font-size:12px;line-height:1.7}
.mail-envelope dt{color:#b7a9c8}
.mail-envelope dd{margin:0;color:#e2d8ee;overflow-wrap:anywhere}
.mail-envelope dd:first-of-type{font-weight:600;font-size:13px;color:var(--text)}
.mail-sheet{background:#fff;color:#4c4557;border:1px solid #ded8e9;border-top:0;border-radius:0 0 15px 15px;overflow:hidden;box-shadow:0 20px 50px #0003;font-family:Arial,Helvetica,sans-serif}
.mail-brand{display:flex;align-items:center;justify-content:space-between;background:#1d1828;border-top:3px solid #adffd9;padding:27px 35px;color:#fff;gap:15px}
.mail-brand strong{font-size:30px;letter-spacing:-1px;color:#fff}
.mail-brand span{font-size:12px;line-height:1.6;color:#d6cce3;text-align:right;max-width:190px}
.mail-body{padding:38px 35px 32px}
.mail-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#665376;font-weight:650;margin-bottom:21px}
.mail-day-badge{display:inline-flex;align-items:center;min-height:29px;padding:5px 11px;border:1px solid #b7e7d0;border-radius:999px;background:#e6f8ef;color:#22513a;font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
.mail-body h2{font-size:32px;line-height:1.24;letter-spacing:-.025em;color:#292033;max-width:560px}
.mail-body>p:not(.mail-kicker){font-size:16px;line-height:1.75;margin-top:21px;max-width:580px}
.mail-task{background:#f5f1fb;border:1px solid #ded1ef;border-left:4px solid #adffd9;border-radius:11px;padding:21px 22px;margin-block:28px}
.mail-task strong{display:block;font-size:11px;line-height:1.6;letter-spacing:.055em;text-transform:uppercase;color:#654396}
.mail-task p{font-size:16px;line-height:1.7;color:#41334f;margin-top:9px}
.mail-action{max-width:100%;min-height:46px;padding:13px 20px;gap:18px;background:#a6efcf;color:#173d2d;font-size:14px;font-weight:700;line-height:1.5;border-color:#8ad4b4;box-shadow:none}
.mail-action span{font-size:18px}
.mail-action:hover{background:#b7f5db;box-shadow:0 4px 15px #22513a12}
.mail-action:focus-visible{outline:3px solid #684aa3;outline-offset:4px}
.mail-guide-link{display:block;width:fit-content;max-width:100%;margin-top:16px;color:#654396;font-size:13px;line-height:1.7;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.mail-guide-link:hover{color:#422b65}
.mail-guide-link:focus-visible{outline:3px solid #684aa3;outline-offset:4px;border-radius:2px}
.mail-signature{color:#6f6278;font-size:13px!important;margin-top:29px!important}
.mail-footnote{padding:20px 35px;border-top:1px solid #e4deed;background:#f4f1f8;color:#6d6079;font-size:12px;line-height:1.75}
.mail-footnote a{color:#654396;text-decoration:underline;text-underline-offset:3px}
.mail-preview-help{margin-top:19px;color:var(--muted);font-size:11px;line-height:1.8}
.mail-preview-help a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.mail-preview-help a:hover{color:var(--mint)}
@media(max-width:1000px){.mail-preview-layout{grid-template-columns:225px minmax(0,1fr);gap:25px}.mail-journey{padding:17px}.mail-day-links a{width:31px;height:31px}.mail-body,.mail-brand{padding-inline:26px}.mail-envelope{padding-inline:24px}.mail-body h2{font-size:27px}}
@media(max-width:760px){.mail-preview-layout{grid-template-columns:1fr;gap:25px;padding-bottom:50px}.mail-journey{position:static}.mail-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.mail-journey>p{font-size:12px}.mail-day-links a{width:35px;height:35px}.mail-preview-notice{font-size:12px}.mail-navigation{gap:10px}#mail-day{max-width:none;font-size:12px}.mail-pagination{margin-left:0}.mail-progress{align-items:flex-start}.mail-progress progress{margin-top:7px}.mail-body{padding-top:30px}.mail-body>p:not(.mail-kicker){font-size:14px}.mail-brand{padding-block:22px}}
@media(max-width:450px){.mail-phases{gap:0 12px}.mail-phase h3{font-size:9px;letter-spacing:.025em}.mail-day-links{gap:4px}.mail-day-links a{width:29px;height:32px}.mail-navigation>label{width:100%}#mail-day{flex-basis:calc(100% - 90px);padding-left:10px;font-size:11px}.mail-pagination{gap:5px}.mail-pagination button{width:36px;height:39px}.mail-envelope{padding:18px}.mail-envelope dl{grid-template-columns:1fr;gap:2px}.mail-envelope dt:not(:first-child){margin-top:7px}.mail-brand,.mail-body{padding-inline:22px}.mail-brand{flex-wrap:wrap;gap:5px 15px}.mail-brand img{width:121px}.mail-brand strong{font-size:27px}.mail-brand span{font-size:11px;text-align:left;max-width:none}.mail-kicker{gap:8px 10px;font-size:10px}.mail-body h2{font-size:27px}.mail-task{padding:18px}.mail-action{padding-inline:17px;font-size:13px}.mail-footnote{padding-inline:22px}.mail-preview-notice{padding:15px}}