:root{--oc-brand-red:#194d43;--oc-brand-orange:#f49a38;--oc-brand-yellow:#e6eddf;--oc-brand-gradient:linear-gradient(100deg,#194d43,#64845c);--oc-primary:#194d43;--oc-primary-hover:#123e36;--oc-ink:#1d3c35;--oc-muted:#5c6c61;--oc-background:#faf7ef;--oc-surface:#fffef9;--oc-border:#dce1d4;--oc-focus:#b96b20;--oc-radius:10px;--oc-shadow:0 8px 32px #194d4309}
html{scroll-behavior:smooth;scroll-padding-top:28px}.sidebar,.login-story{background:#194d43}.sidebar nav a[aria-current=page],.sidebar nav a:hover{background:#2a5c50}.sidebar nav a[aria-current=page]{border-left-color:#f49a38}.sidebar-label,.sidebar-footer,.sidebar-footer p,.story-footer{color:#d0dece}.sidebar-footer a{color:#f7d5a7;font-size:.7rem;display:inline-block;margin-top:12px}.mailnido-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit;font-size:30px;font-weight:700;letter-spacing:-1.5px}.mailnido-brand img{width:42px;height:42px;background:#faf7ef;border-radius:10px;padding:2px;flex-shrink:0}.brand.mailnido-brand{display:flex;margin:0 0 48px}.brand.mailnido-brand>span{color:#fffdf5;font-size:29px;letter-spacing:-1.4px;margin:0}.brand.mailnido-brand img{width:39px;height:39px}.login-brand{color:#fffdf5;align-self:flex-start}.login-story{border-top-color:#f49a38}.story-content{position:relative;padding-bottom:120px}.story-content h1 span{color:#ffd29a;font-family:Georgia,serif;font-style:italic;font-weight:400}.story-content>p:last-of-type{color:#d5e0d3;max-width:350px;line-height:1.9}.login-bird{position:absolute;right:0;bottom:0;width:78px;height:120px}.eyebrow.light{color:#d4ddca}.login-form-side{background:#fffef9}.login-layout{min-height:calc(100vh - 80px)}.card,.topbar{background:#fffef9}.pill{background:#edf1e5;border-color:#d6e0ca;color:#46613a}.endpoint,.account-box{background:#f1f4e9;border-color:#dce4d2}.access-continuity{margin-top:20px;padding:14px 16px;border-left:2px solid #d5a15b;background:#f7f4ea;border-radius:0 6px 6px 0;font-size:.74rem}.access-continuity p{font-size:.74rem;margin:6px 0 0;line-height:1.7}.panel-legal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px;padding:22px 28px;font-size:.68rem;color:var(--oc-muted);border-top:1px solid var(--oc-border);background:var(--oc-background)}.panel-legal a{color:var(--oc-primary)}.onboarding{padding:26px;border:1px solid #d5dfc8;background:#edf1e5;border-radius:10px;margin-bottom:26px}.onboarding-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.onboarding .eyebrow{font-size:.61rem;margin:0 0 9px;color:#657b55}.onboarding h2{font-size:1.3rem;margin:0}.onboarding-label{font-size:.65rem;color:#6a795f}.onboarding-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:24px 0 0}.onboarding-steps>li{display:flex;gap:12px;padding-top:18px;border-top:1px solid #cbd7bd}.step-number{width:26px;height:26px;border:1px solid #a9b799;border-radius:50%;display:grid;place-items:center;font-size:.7rem;flex-shrink:0;color:#607354}.step-done .step-number{background:#194d43;border-color:#194d43;color:white}.step-next .step-number{background:#f7e4c4;border-color:#c9a36e;color:#784f17}.onboarding-steps strong{display:block;font-size:.76rem}.onboarding-steps p{font-size:.7rem;line-height:1.7;margin:7px 0 9px}.onboarding-steps a,.step-state{font-size:.67rem;font-weight:600}.step-state{color:#517246}.connection-guide{font-size:.77rem;line-height:1.8;color:var(--oc-muted);padding-left:20px;margin:20px 0}.connection-guide li{padding-left:4px;margin-bottom:9px}.connection-guide q{color:var(--oc-ink)}.connection-help{border-top:1px solid var(--oc-border);padding-top:15px;margin-top:18px}.connection-help summary{font-size:.77rem;cursor:pointer;color:var(--oc-primary)}.connection-help p{margin:12px 0 0}.future-note{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:20px 24px;border:1px dashed #cbd4bf;border-radius:8px}.future-note strong{font-size:.8rem}.future-note p{font-size:.74rem;line-height:1.8;margin:5px 0 0;max-width:650px}.future-note>a{font-size:.72rem;flex-shrink:0}.error-page>.mailnido-brand{margin-bottom:40px}.sidebar nav{overflow-wrap:anywhere}.sidebar nav a{gap:10px}
@media(max-width:1100px){.brand.mailnido-brand{gap:6px}.brand.mailnido-brand>span{font-size:24px}.brand.mailnido-brand img{width:32px;height:32px}.onboarding-steps{grid-template-columns:1fr;gap:14px}.onboarding-steps>li{padding-top:14px}.onboarding-heading{align-items:flex-start}.onboarding-label{display:none}}
@media(max-width:720px){.brand.mailnido-brand{margin:0;gap:8px}.brand.mailnido-brand>span{font-size:27px}.brand.mailnido-brand img{width:36px;height:36px}.sidebar nav{flex-wrap:wrap;gap:3px 10px}.sidebar nav a{font-size:.73rem}.sidebar nav a>span{display:none}.login-story{padding:28px}.story-content{padding-top:35px;padding-bottom:30px}.story-content h1{font-size:3.1rem}.story-content>p:last-of-type{max-width:calc(100% - 70px);font-size:.88rem}.login-bird{width:62px;height:96px;bottom:20px;right:-8px}.login-brand{font-size:27px}.login-brand img{width:38px;height:38px}.onboarding{padding:21px}.onboarding-heading h2{font-size:1.2rem}.onboarding-steps p{font-size:.75rem}.onboarding-steps strong{font-size:.8rem}.future-note{display:block;padding:18px}.future-note>a{display:inline-block;margin-top:14px}.panel-legal{justify-content:flex-start;padding:20px;gap:10px 18px}.panel-legal>span{flex-basis:100%}.login-layout{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}