@font-face{font-family:Manrope;src:url(fonts/Manrope.ttf) format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Instrument;src:url(fonts/InstrumentSerif-Italic.ttf) format('truetype');font-style:italic;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:#28292b;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.auth-layout{min-height:100svh;display:grid;grid-template-columns:53% 47%}.brand-side{background:#e9e9e6;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:740px;padding:36px 56px 26px;border-right:1px solid #dddedb}.brand-top{display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:1}.brand-logo{width:116px;height:auto}.edition{font-size:8px;line-height:1.9;letter-spacing:1.8px;color:#6c6e6b}.edition b{font-weight:400;font-size:7px;letter-spacing:1.1px}.brand-copy{margin-top:62px;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:2.3px;color:#666965}.eyebrow span{width:5px;height:5px;background:#d21960;border-radius:50%}h1{font-size:clamp(56px,5.8vw,91px);line-height:1.08;font-weight:500;letter-spacing:-5px;margin:23px 0 21px}h1 em{font-family:Instrument,Georgia,serif;font-weight:400;font-size:1.17em;letter-spacing:-2.5px;color:#6e716b}.brand-copy p{color:#777a74;font-size:13px;line-height:1.85;letter-spacing:.1px}.system-art{position:relative;height:210px;margin-top:6px;flex:1;min-height:170px;max-height:300px}.orbit{position:absolute;width:340px;height:130px;border:1px solid #d8dad5;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-15deg)}.orbit-two{width:240px;height:210px;transform:translate(-50%,-50%) rotate(22deg);border-color:#e0e1dc}.mail-stack{width:130px;height:90px;position:absolute;left:50%;top:45%;border-radius:10px;border:1px solid #d2d4ce;background:#eeefeb;transform:translate(-50%,-50%) rotate(-8deg)}.back-two{transform:translate(-50%,-50%) rotate(-14deg);margin:-8px 0 0 -9px;background:#daddd5}.back-one{transform:translate(-50%,-50%) rotate(-7deg);margin:-4px 0 0 -4px;background:#e3e5de}.front{background:linear-gradient(145deg,#fdfdfb,#e8eae3);box-shadow:0 15px 25px #2c342014;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(3deg)}.front svg{width:49px;height:36px;color:#767b70}.front span{font-size:7px;letter-spacing:1.4px;margin-top:7px;color:#7b8074}.art-label{position:absolute;top:35%;color:#8a8e84}.left-label{left:0}.right-label{right:0;top:62%;text-align:right}.art-label span{font-size:7px;letter-spacing:1.6px;display:block}.art-label b{display:block;font-weight:500;font-size:9px;color:#555a50;margin-top:5px}.art-label i{display:inline-block;width:4px;height:4px;background:#7c8272;border-radius:50%;margin-bottom:6px}.art-coordinate{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:7px;letter-spacing:2px;color:#989d92;white-space:nowrap}.brand-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid #d5d7d0;font-size:9px;color:#82867c;letter-spacing:.2px}.corner-mark{font-size:20px}.form-side{background:#fafaf8;min-height:740px;display:flex;flex-direction:column;padding:45px 48px 28px}.top-note{display:flex;gap:8px;align-items:center;justify-content:flex-end;color:#90928c;font-size:8px;letter-spacing:1.6px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#8c9483}.login-wrap{width:100%;max-width:367px;margin:auto;padding:55px 0}.section-index{font-size:9px;letter-spacing:2px;color:#9b9d96}h2{font-size:32px;font-weight:550;line-height:1.3;letter-spacing:-1.4px;margin:20px 0 13px}h2>span{color:#d8155d}.intro{font-size:11px;line-height:1.8;color:#898c84;margin:0 0 38px}.field{margin:0 0 21px}.field label{display:block;font-size:11px;font-weight:650;letter-spacing:.2px;margin-bottom:10px}.input-wrap{height:52px;border:1px solid #dedfd9;border-radius:7px;background:#f6f6f2;display:flex;align-items:center;padding:0 14px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#898e80;box-shadow:0 0 0 3px #838b7410;background:#fff}.input-wrap>svg{width:17px;flex:none;stroke:#8f9488;stroke-width:1.3}.input-wrap input{font:11px Manrope,sans-serif;border:0;outline:0;background:transparent;color:#363a31;width:100%;padding:15px 11px}.input-wrap input::placeholder{color:#a3a69d}.reveal{border:0;background:transparent;padding:6px 0 6px 6px;color:#929889;cursor:pointer;display:flex}.reveal svg{width:17px;stroke:currentColor;stroke-width:1.3}.submit{background:#30342d;border:1px solid #30342d;color:#fff;border-radius:7px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;font:500 11px Manrope,sans-serif;letter-spacing:.2px;margin-top:29px;cursor:pointer;transition:background .2s,transform .2s}.submit:hover{background:#444b3e;transform:translateY(-1px)}.submit svg{width:17px;stroke:#c8cec1;stroke-width:1.3}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#93988a;font-size:8px;letter-spacing:.2px;margin:17px 0 35px}.secure-note svg{width:13px;stroke:currentColor;stroke-width:1.3}.webmail-link{border-top:1px solid #e4e6de;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:#92978a}.webmail-link a{color:#545b4c;text-decoration:none;font-weight:650;white-space:nowrap}footer{display:flex;justify-content:space-between;color:#a0a598;font-size:8px;letter-spacing:.3px}.error{border-left:2px solid #be2855;background:#fff0f3;font-size:11px;padding:12px;color:#972342;margin-bottom:22px}button:focus-visible,a:focus-visible{outline:2px solid #bd1856;outline-offset:4px}@media(min-width:1600px){.brand-side{padding-left:90px;padding-right:90px}.form-side{padding-left:75px;padding-right:75px}.login-wrap{max-width:410px}.brand-copy{margin-top:80px}}@media(max-width:1000px){.brand-side{padding:30px 32px}.form-side{padding:38px 32px 25px}h1{font-size:64px;letter-spacing:-3.6px}.edition{display:none}.art-label b{font-size:8px}.art-label span{font-size:6px}.orbit-one{width:270px}.login-wrap{padding:50px 0}h2{font-size:29px}}@media(max-width:720px){.auth-layout{display:block}.brand-side{min-height:0;padding:20px 25px 27px}.brand-logo{width:86px}.edition{display:block}.brand-copy{margin-top:25px}h1{font-size:44px;letter-spacing:-2px;margin:14px 0 0}.brand-copy p,.system-art,.brand-bottom{display:none}.eyebrow{font-size:7px}.form-side{min-height:0;padding:25px}.top-note{display:none}.login-wrap{padding:10px 0 30px;max-width:420px}h2{font-size:28px}.intro{margin-bottom:28px}footer{max-width:420px;width:100%;margin:auto}.webmail-link{font-size:9px}.section-index{font-size:8px}}
/* Readability refinements */
html,body{width:100%;min-width:0}.auth-layout>*{min-width:0}.input-wrap input{min-width:0}.webmail-link{flex-wrap:wrap}.brand-top>*{min-width:0}@media(max-width:720px){.auth-layout{width:100%;min-height:100svh}.brand-side{padding:22px 24px 25px}.brand-copy{margin-top:20px}.brand-copy h1{font-size:clamp(36px,10vw,52px);line-height:1.05;letter-spacing:-1.6px}.brand-copy h1 br:first-of-type{display:none}.brand-copy h1 br:first-of-type:after{content:' '}.brand-copy h1 em{font-size:1.12em}.edition{font-size:6px;letter-spacing:1px}.edition b{font-size:6px;letter-spacing:.5px}.form-side{padding:26px 24px 24px}.login-wrap{padding:0 0 28px;max-width:440px}h2{font-size:27px;margin-top:13px}.input-wrap input{font-size:16px!important}.webmail-link{gap:9px}.secure-note{font-size:9px}.brand-logo{width:85px}.eyebrow{font-size:7px;letter-spacing:1.3px}}@media(max-width:360px){.edition{display:none}.brand-side,.form-side{padding-left:19px;padding-right:19px}.brand-copy h1{font-size:36px}.eyebrow{font-size:6px}.webmail-link{flex-direction:column;align-items:flex-start}}
.intro{font-size:12px;color:#72766c}.field label{font-size:12px}.input-wrap input{font-size:13px}.submit{font-size:12px}.secure-note{font-size:10px;color:#7b8272}.webmail-link{font-size:10px;color:#7b8272}footer{font-size:9px;color:#858c7b}.section-index{color:#7b8272}.eyebrow{color:#666b61}.brand-bottom{font-size:10px;color:#747b69}
@media(max-width:720px){.brand-copy h1 br:first-of-type{display:block}.brand-copy h1{font-size:38px}}
/* 1eposta v3: a full-height desktop workspace and a compact mobile entrance. */
.auth-layout{min-height:100svh;grid-template-columns:52% 48%}
.brand-side,.form-side{min-height:100svh;padding:clamp(28px,3vw,64px)}
.brand-side{background:#e6e8e5}.brand-logo{width:125px}.brand-copy{margin-top:clamp(48px,7vh,110px)}
.brand-copy h1{font-size:clamp(54px,4.7vw,112px);letter-spacing:-.055em;line-height:1.05}
.brand-copy h1 em{font-size:1.12em;color:#737d76}.brand-copy p{font-size:14px;color:#626c65}
.system-art{flex:1;max-height:none;min-height:190px;margin-top:24px;margin-bottom:8px}
.brand-bottom{margin-top:auto;padding-top:20px;font-size:11px;color:#68746b}.edition{font-size:9px;color:#616c65}
.form-side{background:#f9faf8}.login-wrap{max-width:440px;padding:44px 0}h2{font-size:36px;letter-spacing:-1.5px}
.intro{font-size:14px;color:#69736c}.field label{font-size:13px}.input-wrap{height:56px;background:#f0f3ef;border-color:#d8ddd8;padding:0 16px}
.input-wrap input{height:100%;font-size:15px;color:#303a33;padding:0 12px;border-radius:0;caret-color:#303a33}
.input-wrap input:autofill{box-shadow:0 0 0 1000px #f0f3ef inset;color:#303a33}
.input-wrap input:-webkit-autofill,.input-wrap input:-webkit-autofill:hover,.input-wrap input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #f0f3ef inset!important;-webkit-text-fill-color:#303a33!important;caret-color:#303a33}
.input-wrap:focus-within{background:#f0f3ef;border-color:#778c7b;box-shadow:0 0 0 3px #667c6b15}
.submit{font-size:14px;padding:18px 20px;min-height:56px;background:#303a34;border-color:#303a34;text-decoration:none}
.secure-note{font-size:11px;margin:18px 0 30px;color:#778479}.section-index,.top-note{color:#6e7d71}
.webmail-link{font-size:11px;color:#738075;padding-top:24px}footer{font-size:10px;color:#748175}
.logout-page{min-height:100svh;background:#edf0ec;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px}
.logout-card{width:100%;max-width:460px;text-align:center;padding:42px;background:#fafbf9;border:1px solid #dce3da;border-radius:16px;box-shadow:0 20px 90px #273a2a08}
.logout-card>img{width:118px;margin-bottom:30px}.logout-card h2{font-size:40px;margin:18px 0}.logout-card p{font-size:13px;color:#718075;line-height:1.8}.logout-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e6eee4;color:#526d57;margin:0 auto 22px;font-size:22px}.logout-webmail{display:block;margin-top:25px;font-size:12px;color:#687b6c}.logout-page>footer{margin-top:28px}
@media(min-width:1900px){.login-wrap{max-width:500px}.form-side h2{font-size:44px}.intro{font-size:15px}.system-art .mail-stack{width:155px;height:110px}.brand-bottom{font-size:12px}}
@media(max-width:1000px) and (min-width:721px){.brand-side,.form-side{padding:32px}.brand-copy h1{font-size:56px}.edition{display:none}.art-label{display:none}.login-wrap{padding:35px 0}h2{font-size:30px}}
@media(max-width:720px){
 .auth-layout{display:flex;flex-direction:column;min-height:100svh;background:#f9faf8}
 .brand-side{min-height:0;background:transparent;padding:28px 26px 12px;border:0;overflow:visible}
 .brand-top{width:100%;max-width:440px;margin:auto;align-items:center}.brand-logo{width:92px}.edition{display:block;font-size:8px;letter-spacing:1px;text-align:right}.edition b{font-size:8px}
 .brand-copy,.system-art,.brand-bottom{display:none}.form-side{min-height:0;flex:1;padding:18px 26px 24px}
 .login-wrap{max-width:440px;padding:24px 0 30px;margin:0 auto auto}.section-index{font-size:9px;letter-spacing:1.5px}
 .form-side h2{font-size:32px;line-height:1.18;margin:16px 0 15px}.intro{font-size:13px;margin-bottom:30px;max-width:320px}
 .field{margin-bottom:21px}.field label{font-size:12px}.input-wrap{height:54px}.input-wrap input{font-size:16px!important}
 .submit{margin-top:26px;font-size:13px;min-height:54px}.secure-note{font-size:10px;margin:17px 0 28px}.webmail-link{font-size:10px;gap:12px;padding-top:20px;flex-wrap:wrap}.top-note{display:none}
 footer{font-size:9px;width:100%;max-width:440px;margin:0 auto}.logout-card{padding:30px 24px}.logout-card h2{font-size:34px}
}
@media(max-width:360px){.brand-side{padding:22px 20px 6px}.form-side{padding:12px 20px 20px}.login-wrap{padding-top:20px}.form-side h2{font-size:29px}.intro{font-size:12px}.webmail-link{flex-direction:column;align-items:flex-start}.brand-logo{width:82px}}


/* 1eposta: larger login logo */
.brand-logo,.logout-card>img{width:220px;height:auto;max-width:none}
@media(min-width:1600px){.brand-logo,.logout-card>img{width:250px}}
@media(max-width:1000px){.brand-logo,.logout-card>img{width:196px}}
@media(max-width:720px){.brand-logo,.logout-card>img{width:168px}}
@media(max-width:360px){.brand-logo,.logout-card>img{width:148px}}