/* E1 authentication screen — isolated visual identity, no changes to app UI.
   Brand: #004D43 deep emerald, #00A67E jade, #00D6B5 turquoise. */
:root {
  color-scheme:light;
  --login-deep:#004d43;--login-green:#00a67e;--login-ink:#103c31;
  --login-soft:#f8fcfa;--login-font:"Inter","Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{min-width:320px;-webkit-text-size-adjust:100%}
body.e1-login-page{margin:0;min-width:320px;min-height:100vh;min-height:100svh;background:var(--login-soft);color:var(--login-ink);font-family:var(--login-font);-webkit-font-smoothing:antialiased}
.e1-login-page button,.e1-login-page input{font:inherit}
.e1-login-page button{cursor:pointer}
.e1-login-page [hidden]{display:none!important}
.e1-login-page ::selection{background:#baf5e4;color:#004d43}
.e1-login-page :is(button,input,a):focus-visible{outline:3px solid rgba(0,171,126,.5);outline-offset:3px}
.e1-login-skip{position:fixed;z-index:100;left:12px;top:12px;transform:translateY(-180%);padding:12px 16px;border:2px solid #00a67e;border-radius:10px;background:#fff;color:#00664c;text-decoration:none;font-size:12px;font-weight:800}
.e1-login-skip:focus{transform:translateY(0)}
.e1-login-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);min-height:100vh;min-height:100svh}

/* Editorial brand panel */
.e1-login-story{position:relative;isolation:isolate;display:flex;min-width:0;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 16%,rgba(0,235,191,.19),transparent 37%),radial-gradient(circle at 5% 83%,rgba(26,200,167,.17),transparent 40%),linear-gradient(145deg,#003b37 0%,#004d43 32%,#006958 71%,#008d75 100%)}
.e1-login-story::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(207,255,234,.15) 1px,transparent 1.25px);background-size:27px 27px;opacity:.55;-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%);mask-image:linear-gradient(90deg,transparent,#000 65%)}
.e1-login-story::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(139deg,transparent 0 70%,rgba(175,255,220,.05) 70.1% 70.25%,transparent 70.3%)}
.e1-login-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.e1-login-glow{position:absolute;border-radius:50%;filter:blur(8px)}
.e1-login-glow-one{width:460px;height:460px;right:-250px;top:-230px;background:radial-gradient(circle,rgba(137,255,220,.22),transparent 70%)}
.e1-login-glow-two{width:570px;height:570px;left:-340px;bottom:-300px;background:radial-gradient(circle,rgba(0,232,178,.16),transparent 70%)}
.e1-login-orbit{position:absolute;border:1px solid rgba(161,255,219,.12);border-radius:50%}
.e1-login-orbit-one{width:730px;height:730px;right:-450px;top:-300px}
.e1-login-orbit-two{width:990px;height:990px;right:-630px;top:-435px;border-color:rgba(161,255,219,.08)}
.e1-login-orbit-three{width:650px;height:650px;left:-490px;bottom:-420px;border-color:rgba(161,255,219,.08)}
.e1-login-story-inner{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;width:100%;max-width:920px;padding:clamp(30px,4.4vw,74px) clamp(32px,5vw,94px) 31px}
.e1-login-brand{display:flex;align-items:center;gap:14px}
.e1-login-brand-mark{flex:0 0 59px;display:grid;place-items:center;width:59px;height:59px;border:1px solid rgba(238,255,246,.25);border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.15),rgba(255,255,255,.035));box-shadow:0 12px 30px rgba(0,34,24,.1),inset 0 1px rgba(255,255,255,.15)}
.e1-login-brand-mark img{width:44px;height:42px;object-fit:contain}
.e1-login-brand-copy{display:flex;flex-direction:column;gap:4px}
.e1-login-brand-copy strong{font-size:27px;line-height:1;font-weight:850;letter-spacing:-1px}
.e1-login-brand-spark{color:#65fbd3}
.e1-login-brand-copy>span{color:rgba(231,255,245,.72);font-size:11px;font-weight:600;letter-spacing:.02em}
.e1-login-story-middle{width:100%;max-width:640px;margin:40px 0}
.e1-login-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:#90f9d9;font-size:10px;font-weight:850;letter-spacing:.18em}
.e1-login-eyebrow-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#5afbd0;box-shadow:0 0 0 5px rgba(90,251,208,.13)}
.e1-login-story h2{margin:0;font-size:clamp(43px,4.8vw,74px);line-height:1.07;font-weight:800;letter-spacing:-.065em;text-wrap:balance}
.e1-login-story h2 span{color:#aaffdf;background:linear-gradient(96deg,#e2fff1,#8afcdb 48%,#42e2c3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.e1-login-story-subtitle{max-width:480px;margin:24px 0 0;color:rgba(235,255,247,.76);font-size:clamp(14px,1.18vw,16px);line-height:1.8}
.e1-login-showcase{position:relative;margin-top:42px;max-width:575px;padding:22px 23px 19px;border:1px solid rgba(225,255,242,.2);border-radius:22px;background:linear-gradient(126deg,rgba(255,255,255,.13),rgba(255,255,255,.045)),rgba(0,64,52,.2);box-shadow:0 25px 55px rgba(0,25,23,.17),inset 0 1px rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:e1-login-showcase-enter .65s both}
.e1-login-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:13px}
.e1-login-showcase-heading{display:flex;align-items:center;gap:11px;min-width:0}
.e1-login-showcase-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid rgba(220,255,242,.2);border-radius:13px;background:rgba(220,255,240,.12);color:#a7ffdf}
.e1-login-showcase-icon svg{width:23px;height:23px}
.e1-login-showcase-heading strong{display:block;font-size:14px;font-weight:780}
.e1-login-showcase-heading small{display:block;margin-top:5px;color:rgba(225,255,239,.65);font-size:10px}
.e1-login-showcase-label{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(172,255,227,.21);border-radius:30px;background:rgba(13,137,108,.22);color:#c5ffea;font-size:9px;font-weight:850;white-space:nowrap;letter-spacing:.07em}
.e1-login-showcase-label i{width:6px;height:6px;border-radius:50%;background:#81ffda}
.e1-login-showcase-pipeline{display:flex;align-items:center;justify-content:space-between;gap:0;margin-top:25px;padding:18px 15px 16px;border:1px solid rgba(213,255,238,.11);border-radius:15px;background:rgba(0,41,38,.21)}
.e1-login-pipeline-step{display:flex;flex:0 0 auto;align-items:center;flex-direction:column;gap:10px}
.e1-login-pipeline-step>span:last-child{color:rgba(239,255,249,.82);font-size:10px;font-weight:680}
.e1-login-pipeline-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:rgba(107,245,210,.19);box-shadow:inset 0 1px rgba(255,255,255,.15);color:#beffea}
.e1-login-pipeline-symbol-two{background:rgba(212,255,232,.18);color:#ecfff5}
.e1-login-pipeline-symbol-three{background:rgba(104,254,213,.26)}
.e1-login-pipeline-symbol svg{width:22px;height:22px}
.e1-login-pipeline-link{flex:1;align-self:flex-start;min-width:9px;height:1px;margin:21px 11px 0;background:linear-gradient(90deg,rgba(172,255,220,.13),rgba(172,255,220,.65),rgba(172,255,220,.13))}
.e1-login-pipeline-link span{display:block;margin:-2px auto 0;width:4px;height:4px;border-radius:50%;background:#a8ffe5;box-shadow:0 0 9px rgba(169,255,232,.85)}
.e1-login-showcase-bottom{display:flex;align-items:center;gap:11px;margin-top:18px;color:rgba(237,255,248,.83);font-size:11px;font-weight:640}
.e1-login-showcase-bottom>svg{width:17px;height:17px;margin-left:auto;color:#adffe6}
.e1-login-showcase-wave{display:flex;align-items:flex-end;gap:3px;height:20px}
.e1-login-showcase-wave span{display:block;flex:0 0 3px;width:3px;border-radius:4px;background:#81f7d4}
.e1-login-showcase-wave span:nth-child(11n+1){height:7px;opacity:.5}
.e1-login-showcase-wave span:nth-child(11n+2){height:13px;opacity:.7}
.e1-login-showcase-wave span:nth-child(11n+3){height:17px}
.e1-login-showcase-wave span:nth-child(11n+4){height:10px;opacity:.75}
.e1-login-showcase-wave span:nth-child(11n+5){height:20px}
.e1-login-showcase-wave span:nth-child(11n+6){height:13px}
.e1-login-showcase-wave span:nth-child(11n+7){height:8px;opacity:.6}
.e1-login-showcase-wave span:nth-child(11n+8){height:15px}
.e1-login-showcase-wave span:nth-child(11n+9){height:18px}
.e1-login-showcase-wave span:nth-child(11n+10){height:11px}
.e1-login-showcase-wave span:nth-child(11n+11){height:8px;opacity:.6}
.e1-login-story-footer{display:flex;align-items:center;gap:10px;color:rgba(221,255,240,.59);font-size:11px;line-height:1.5}
.e1-login-footer-symbol{display:inline-flex;color:rgba(184,255,226,.75)}
.e1-login-footer-symbol svg{width:17px;height:17px}

/* Clear login form */
.e1-login-access{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:34px clamp(28px,5.1vw,94px) 26px;background:radial-gradient(ellipse at 94% 1%,rgba(210,252,236,.33),transparent 48%),radial-gradient(ellipse at -15% 95%,rgba(198,252,235,.14),transparent 44%),#fbfdfc}
.e1-login-access-top{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:33px}
.e1-login-access-status{display:inline-flex;align-items:center;gap:9px;color:#618578;font-size:10px;font-weight:850;letter-spacing:.13em;white-space:nowrap}
.e1-login-access-status i{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#00a87c;box-shadow:0 0 0 5px rgba(0,168,124,.11)}
.e1-login-access-topline{width:23px;height:1px;background:#c7dfd4}
.e1-login-access-center{width:100%;max-width:447px;margin:65px auto 50px;animation:e1-login-form-enter .55s .08s both}
.e1-login-mobile-brand{display:none}
.e1-login-welcome-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:21px;color:#078365;font-size:10px;font-weight:850;letter-spacing:.16em}
.e1-login-welcome-label span{flex:0 0 18px;width:18px;height:2px;border-radius:5px;background:#00a67e}
.e1-login-welcome h1{margin:0;color:#0c372f;font-size:clamp(36px,3.5vw,55px);line-height:1.1;font-weight:800;letter-spacing:-.06em}
.e1-login-welcome h1 span{color:#00a67e}
.e1-login-welcome p{max-width:372px;margin:17px 0 0;color:#779185;font-size:14px;line-height:1.8}
.e1-login-alerts{display:flex;flex-direction:column;gap:8px;margin-top:22px}
.e1-login-alert{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid #f5d1d0;border-radius:12px;background:#fff2f1;color:#a13e42;font-size:12px;font-weight:620;line-height:1.55}
.e1-login-alert-info{border-color:#bce9d4;background:#ebf9f2;color:#16694d}
.e1-login-alert-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:rgba(203,59,62,.13);font-size:12px;font-weight:850}
.e1-login-alert-info .e1-login-alert-icon{background:rgba(9,147,102,.12)}
.e1-login-form{display:flex;flex-direction:column;gap:22px;margin-top:34px}
.e1-login-field{display:flex;flex-direction:column;gap:10px}
.e1-login-field>label{color:#254c40;font-size:12px;font-weight:800;letter-spacing:.005em}
.e1-login-input-wrap{display:flex;align-items:center;width:100%;height:57px;padding:0 16px;border:1px solid #dbe9e2;border-radius:13px;background:#fff;box-shadow:0 4px 15px rgba(12,70,49,.025),inset 0 1px rgba(255,255,255,.9);transition:border-color .18s,box-shadow .18s}
.e1-login-input-wrap:hover{border-color:#b7d8c8}
.e1-login-input-wrap:focus-within{border-color:#10ad83;box-shadow:0 0 0 4px rgba(0,166,126,.12),0 8px 22px rgba(0,112,79,.055)}
.e1-login-input-wrap>svg{width:19px;height:19px;flex:0 0 19px;margin-right:13px;color:#8ba99c}
.e1-login-input-wrap:focus-within>svg{color:#00a67e}
.e1-login-input-wrap input{width:100%;height:100%;min-width:0;margin:0;padding:0;border:0;outline:0;border-radius:0;background:transparent;box-shadow:none;color:#1b4738;font-size:14px;font-weight:530;letter-spacing:.01em;-webkit-appearance:none}
.e1-login-input-wrap input:focus{outline:0;box-shadow:none}
.e1-login-input-wrap input::placeholder{color:#a7b9b0;opacity:1;font-weight:450}
.e1-login-input-wrap input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px #fff inset!important;-webkit-text-fill-color:#1b4738!important}
.e1-login-password-wrap{padding-right:8px}
.e1-login-visibility-toggle{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;margin-left:7px;border:0;border-radius:9px;background:transparent;color:#829f91;transition:background .16s,color .16s}
.e1-login-visibility-toggle:hover{background:#edf8f2;color:#087a60}
.e1-login-visibility-toggle svg{width:20px;height:20px}
.e1-login-visibility-toggle .e1-login-eye-closed{display:none}
.e1-login-visibility-toggle[aria-pressed="true"] .e1-login-eye-open{display:none}
.e1-login-visibility-toggle[aria-pressed="true"] .e1-login-eye-closed{display:block}
.e1-login-caps{margin:0 0 -6px;color:#a46a20;font-size:11px;font-weight:670}
.e1-login-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;margin-top:5px;padding:9px 15px 9px 48px;border:1px solid #008c6a;border-radius:14px;background:linear-gradient(111deg,#00624f,#008c6b 48%,#00ae83);box-shadow:0 14px 28px rgba(0,127,94,.18),inset 0 1px rgba(255,255,255,.17);color:#fff;font-size:14px;font-weight:820;letter-spacing:.015em;transition:transform .19s,filter .19s,box-shadow .19s}
.e1-login-submit:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 17px 36px rgba(0,127,94,.25)}
.e1-login-submit:active{transform:translateY(0)}
.e1-login-submit-arrow{position:relative;display:grid;place-items:center;margin-left:auto;flex:0 0 37px;width:37px;height:37px;border:1px solid rgba(241,255,246,.23);border-radius:10px;background:rgba(255,255,255,.13);transition:transform .16s}
.e1-login-submit:hover .e1-login-submit-arrow{transform:translateX(2px)}
.e1-login-submit-arrow svg{width:18px;height:18px}
.e1-login-submit.is-submitting{pointer-events:none;opacity:.78}
.e1-login-submit.is-submitting .e1-login-submit-arrow svg{opacity:0}
.e1-login-submit.is-submitting .e1-login-submit-arrow::after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:e1-login-spin .7s linear infinite}
.e1-login-help{display:flex;align-items:flex-start;gap:10px;margin-top:23px;padding:14px;border:1px solid #e1ece6;border-radius:12px;background:linear-gradient(120deg,#f5faf7,#fff);color:#789385;font-size:11px;line-height:1.65}
.e1-login-help-icon{display:inline-flex;flex:0 0 16px;margin-top:1px;color:#719b88}
.e1-login-help-icon svg{width:16px;height:16px}
.e1-login-access-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a5b8ae;font-size:10px;font-weight:600}
.e1-login-footer-glyph{display:grid;place-items:center;color:#86a99a}
.e1-login-footer-glyph svg{width:16px;height:16px}

@keyframes e1-login-form-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes e1-login-showcase-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes e1-login-spin{to{transform:rotate(360deg)}}
@media(max-width:1200px){
 .e1-login-shell{grid-template-columns:minmax(0,1fr) minmax(395px,.85fr)}
 .e1-login-story-inner{padding-left:clamp(30px,4vw,60px);padding-right:clamp(30px,4vw,60px)}
 .e1-login-story h2{font-size:clamp(39px,4.55vw,63px)}
 .e1-login-showcase{padding:18px}
 .e1-login-access{padding-left:clamp(28px,4.5vw,70px);padding-right:clamp(28px,4.5vw,70px)}
 .e1-login-welcome h1{font-size:clamp(35px,3.55vw,48px)}
}
@media(max-width:950px){
 .e1-login-shell{grid-template-columns:1fr;min-height:100svh}
 .e1-login-story{min-height:230px;border-radius:0 0 27px 27px}
 .e1-login-story-inner{max-width:none;padding:27px clamp(24px,7vw,60px) 33px;gap:20px}
 .e1-login-brand-mark{width:48px;height:48px;flex-basis:48px;border-radius:14px}
 .e1-login-brand-mark img{width:37px;height:36px}
 .e1-login-brand-copy strong{font-size:24px}
 .e1-login-brand-copy>span{font-size:10px}
 .e1-login-story-middle{max-width:650px;margin:0}
 .e1-login-eyebrow{margin-bottom:11px;font-size:9px}
 .e1-login-story h2{font-size:clamp(36px,5.4vw,55px)}
 .e1-login-story-subtitle{max-width:600px;margin-top:10px;font-size:13px}
 .e1-login-showcase,.e1-login-story-footer{display:none}
 .e1-login-access{padding:20px clamp(24px,7vw,60px) 25px;min-height:570px}
 .e1-login-access-center{max-width:480px;margin:32px auto 40px}
 .e1-login-welcome h1{font-size:clamp(36px,5vw,47px)}
 .e1-login-welcome p{max-width:440px}
 .e1-login-form{margin-top:29px}
 .e1-login-access-footer{max-width:480px;width:100%;margin:0 auto}
}
@media(max-width:550px){
 .e1-login-story{min-height:0;border-radius:0 0 22px 22px}
 .e1-login-story-inner{padding:21px 22px 25px;gap:18px}
 .e1-login-brand{gap:10px}
 .e1-login-brand-mark{width:45px;height:45px;flex-basis:45px;border-radius:13px}
 .e1-login-brand-mark img{width:34px;height:33px}
 .e1-login-brand-copy strong{font-size:22px}
 .e1-login-brand-copy>span{font-size:9px}
 .e1-login-story-middle{margin-top:4px}
 .e1-login-eyebrow{font-size:8px;letter-spacing:.12em;gap:8px;margin-bottom:10px}
 .e1-login-eyebrow-dot{width:6px;height:6px;box-shadow:0 0 0 4px rgba(66,241,199,.12)}
 .e1-login-story h2{font-size:clamp(31px,8vw,40px);line-height:1.12}
 .e1-login-story-subtitle{display:none}
 .e1-login-access{padding:19px 22px 22px;min-height:475px}
 .e1-login-access-top{min-height:17px}
 .e1-login-access-status{font-size:8px}
 .e1-login-access-center{margin:27px auto 29px}
 .e1-login-welcome-label{font-size:9px;letter-spacing:.12em;margin-bottom:14px}
 .e1-login-welcome h1{font-size:clamp(33px,8vw,43px)}
 .e1-login-welcome p{margin-top:11px;font-size:13px;line-height:1.62}
 .e1-login-form{gap:18px;margin-top:24px}
 .e1-login-field{gap:8px}
 .e1-login-input-wrap{height:54px}
 .e1-login-submit{min-height:55px;margin-top:3px}
 .e1-login-help{margin-top:19px;padding:12px;font-size:10px}
 .e1-login-access-footer{font-size:9px}
}
@media(max-height:850px) and (min-width:951px){
 .e1-login-story-inner{padding-top:31px;padding-bottom:23px}
 .e1-login-story-middle{margin:23px 0}
 .e1-login-story h2{font-size:clamp(40px,4.25vw,64px)}
 .e1-login-story-subtitle{margin-top:15px;line-height:1.65}
 .e1-login-showcase{margin-top:25px;padding:17px 19px}
 .e1-login-showcase-pipeline{margin-top:18px;padding:16px 15px}
 .e1-login-showcase-bottom{margin-top:13px}
 .e1-login-access-center{margin:38px auto 32px}
}
@media(max-height:740px) and (min-width:951px){
 .e1-login-story-inner{padding-top:26px;padding-bottom:22px}
 .e1-login-story-middle{margin:19px 0}
 .e1-login-story h2{font-size:clamp(38px,4vw,59px)}
 .e1-login-story-subtitle{margin-top:14px;line-height:1.55}
 .e1-login-showcase{margin-top:20px;padding:14px 18px}
 .e1-login-showcase-pipeline{margin-top:13px;padding:13px 15px}
 .e1-login-showcase-bottom{margin-top:10px}
 .e1-login-access{padding-top:19px;padding-bottom:17px}
 .e1-login-access-center{margin:22px auto}
 .e1-login-form{gap:16px;margin-top:23px}
 .e1-login-input-wrap{height:52px}
 .e1-login-help{margin-top:14px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
 .e1-login-page *, .e1-login-page *::before, .e1-login-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}