:root{--forest:#056b40;--deep:#063b2d;--green:#0c9150;--pink:#d61b95;--violet:#3947a9;--teal:#65bed1;--ink:#17352c;--muted:#6d8178;--line:#e1e9e3;--radius:20px}
*{box-sizing:border-box}html{font-family:'Plus Jakarta Sans',sans-serif;background:#edf3ee}body{margin:0;font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d61b95;outline-offset:3px}
.wdf-entry{min-height:100dvh;position:relative;isolation:isolate;overflow-x:hidden}.entry-surface{position:fixed;inset:0;z-index:-1;background:linear-gradient(120deg,#073b2c 0%,#09613c 50%,#eaf2ec 50%,#fff 100%);overflow:hidden}.surface-orbit{position:absolute;width:780px;height:780px;border-radius:50%;border:1px solid #fff2;top:-430px;left:-280px}.surface-orbit.secondary{width:590px;height:590px;top:auto;bottom:-410px;left:19%;border-color:#ffffff19;background:#fff1}
.entry-layout{display:grid;grid-template-columns:50% 50%;max-width:1600px;margin:auto;min-height:100dvh;box-shadow:0 0 90px #18382b10}.entry-left{display:flex;flex-direction:column;padding:clamp(20px,3.7vw,56px) clamp(22px,5.9vw,95px);background:linear-gradient(153deg,#073e30 0%,#08603b 71%,#084c34 100%);color:#fff;position:relative;z-index:1}.entry-left:after{content:'';position:absolute;right:0;bottom:0;width:240px;height:240px;background:radial-gradient(circle,#43af7745,transparent 66%);pointer-events:none}.entry-topbar{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-.055em}.entry-topbar strong{color:#b5ecbc}.entry-topbar small{font-size:10px;color:#c5e5d2;font-weight:600;letter-spacing:.045em;display:block;margin-top:2px}.wdf-square{display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff4f;background:#ffffff1b;color:white;border-radius:12px;font-size:20px}.entry-intro{margin:clamp(33px,6vh,70px) 0 22px}.entry-eyebrow{font-size:10px;letter-spacing:.115em;font-weight:800;color:#c2e8d1;display:flex;gap:8px;align-items:center}.online-pulse{height:7px;width:7px;border-radius:100%;background:#baf777;box-shadow:0 0 0 4px #baf77721}.entry-intro h1{font-size:clamp(31px,3.15vw,49px);line-height:1.14;letter-spacing:-.062em;margin:20px 0 12px;font-weight:800}.entry-intro h1 em{font-style:normal;color:#91e2ab;white-space:nowrap}.entry-intro p{margin:0;color:#d2ebdc;font-size:clamp(16px,1.8vw,22px);font-weight:500}.entry-access{display:grid;gap:12px;max-width:570px}.entry-choice{display:flex;align-items:center;gap:16px;padding:13px 18px;min-height:89px;border:1.5px solid #d0e5de85;border-radius:15px;background:#ffffff0e;backdrop-filter:blur(8px);text-decoration:none;color:#fff;box-shadow:0 10px 24px #092e2717;transition:background .15s,border-color .15s,transform .15s}.entry-choice:hover,.entry-choice.selected{background:#ffffff1d;border-color:#d6ffda;color:white;transform:translateX(3px)}.choice-symbol{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;background:#f1faf4;color:#096a41;border-radius:14px;font-size:25px}.choice-supplier .choice-symbol{background:#fce3f3;color:#ae136e}.choice-partner .choice-symbol{background:#edf0ff;color:#3947a9}.choice-enterprise .choice-symbol{background:#d9f5fa;color:#14708a}.choice-copy{display:flex;flex-direction:column;flex:1;min-width:0;gap:5px}.choice-copy strong{font-size:clamp(16px,1.6vw,20px);line-height:1.18;font-weight:800}.choice-copy small{color:#c7e0d6;font-size:10px;line-height:1.4;font-weight:500}.choice-arrow{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#fff2;font-size:12px;flex-shrink:0}.entry-foot{color:#c5e7d4;display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.5;margin-top:auto;padding-top:27px}.entry-right{min-width:0;position:relative;background:radial-gradient(circle at 65% 30%,#f9fff8 0%,#f2f7f2 70%,#edf3ed 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:32px}.entry-right:before{content:'';position:absolute;width:440px;height:440px;border:1px solid #d7e6d8;border-radius:50%;right:-270px;top:-200px}.entry-info{width:min(100%,530px);position:relative;z-index:1;text-align:left;transition:opacity .18s,transform .18s}.logo-well{width:min(100%,440px);border:1px solid #dcebe0;border-radius:22px;padding:28px 25px;background:#fff;box-shadow:0 20px 70px #164d3022}.official-logo{display:block;width:100%;max-height:214px;object-fit:contain}.info-divider{width:60px;height:5px;margin:35px 0 29px;background:linear-gradient(90deg,var(--green) 25%,var(--pink) 60%,var(--violet) 100%);border-radius:10px}.info-kicker{color:#117344;letter-spacing:.12em;font-size:10px;font-weight:800}.entry-info h2{font-size:clamp(29px,3.3vw,47px);line-height:1.17;letter-spacing:-.062em;margin:13px 0}.entry-info h2 span{color:var(--forest)}.entry-info p{font-size:13px;line-height:1.8;max-width:400px;color:#73897b;margin:0}.info-features{display:flex;flex-wrap:wrap;gap:17px;margin-top:25px;font-size:11px;font-weight:700;color:#2a6348}.info-features i{margin-right:7px;color:var(--pink)}.entry-watermark{position:absolute;bottom:-125px;right:-65px;color:#18713a13;font-size:190px;z-index:-1}.entry-sheet{position:absolute;right:0;top:0;bottom:0;width:100%;height:100%;z-index:5;background:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(105%);pointer-events:none;visibility:hidden;transition:transform .27s cubic-bezier(.22,.8,.27,1),opacity .2s,visibility 0s linear .28s;box-shadow:-16px 0 40px #0a453026}.entry-sheet.is-open{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto;transition:transform .29s cubic-bezier(.22,.8,.27,1),opacity .2s}.sheet-backdrop{display:none}.sheet-inner{width:min(100%,460px);max-height:100%;padding:20px 27px;overflow-y:auto;overscroll-behavior:contain}.sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(19px,3vh,36px)}.sheet-eyebrow{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.11em;color:#257549}.sheet-eyebrow i{color:var(--pink);margin-right:6px}.sheet-close{display:grid;place-items:center;border:1px solid #e0e6e1;background:#f3f7f2;width:39px;height:39px;border-radius:12px;color:#34483d}.sheet-close:hover{background:#e5f0e8}.sheet-icon{width:62px;height:62px;border-radius:18px;background:#e5f4eb;display:grid;place-items:center;font-size:29px;color:var(--forest);margin-bottom:20px}.entry-sheet h2{font-size:32px;letter-spacing:-.06em;line-height:1.2;margin:0 0 10px;font-weight:800;color:#133527}.sheet-description{font-size:12px;line-height:1.7;color:#75867c;margin:0 0 24px}.entry-sheet label{display:block;font-weight:800;font-size:12px;color:#365046;margin:15px 0 8px}.sheet-control{position:relative}.sheet-control>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#809387}.sheet-control input{height:51px;border:1.5px solid #dce7df;border-radius:12px;background:#fbfdfb;color:#1b3929;padding:0 48px 0 44px;width:100%;outline:none;font-size:13px}.sheet-control input:focus{border-color:#4aa97a;box-shadow:0 0 0 3px #0ba45418}.show-pass{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#678477;padding:9px}.sheet-submit{display:flex;justify-content:center;align-items:center;gap:13px;background:linear-gradient(98deg,#08733d,#0e9150);color:#fff;border:0;border-radius:12px;width:100%;padding:15px;margin-top:25px;font-size:13px;font-weight:800;box-shadow:0 12px 23px #0d764b20}.sheet-submit:hover{background:#07653a}.sheet-bottom{margin-top:20px;color:#7f9488;font-size:11px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.sheet-bottom a{color:var(--forest);font-weight:700;text-decoration:none}.sheet-return{border-top:1px solid #e9eeea;margin-top:29px;padding-top:22px}.return-choices{background:transparent;border:0;font-size:11px;color:#6b8274;font-weight:800;padding:6px 0}.return-choices i{margin-right:9px}.sheet-error{display:flex;gap:9px;border:1px solid #f4b7bd;background:#fff2f2;color:#9e2438;padding:11px;border-radius:10px;font-size:12px;line-height:1.5;margin:10px 0}
@media(min-width:1100px) and (max-height:800px){.entry-left{padding-top:20px;padding-bottom:20px}.entry-intro{margin:28px 0 17px}.entry-choice{min-height:67px;padding:7px 12px}.choice-symbol{width:46px;height:46px;flex-basis:46px;font-size:21px}.entry-access{gap:9px}.entry-info .logo-well{padding:16px;max-width:330px}.entry-info .official-logo{max-height:155px}.entry-info h2{font-size:35px}.sheet-top{margin-bottom:14px}.sheet-icon{margin-bottom:10px}}
@media(max-width:850px){.entry-surface{background:#073b2c}.entry-layout{grid-template-columns:1fr;min-height:100dvh}.entry-left{padding:18px max(18px,4vw) 25px;min-height:100dvh;justify-content:flex-start}.entry-topbar{font-size:20px}.entry-intro{margin:clamp(24px,5vh,60px) 0 25px}.entry-intro h1{font-size:clamp(29px,5vw,43px)}.entry-access{max-width:600px;width:100%;margin:0 auto}.entry-choice{min-height:72px}.entry-right{position:fixed;z-index:20;inset:0;padding:0;background:transparent;display:block;pointer-events:none;overflow:visible}.entry-info{display:none}.entry-sheet{width:min(100%,480px);box-shadow:-20px 0 90px #04180c65;pointer-events:none;border-radius:22px 0 0 22px}.entry-sheet.is-open{pointer-events:auto}.sheet-backdrop{display:block;position:fixed;inset:0;background:#0a2017b3;opacity:0;visibility:hidden;transition:opacity .23s;pointer-events:none}.has-access .sheet-backdrop{opacity:1;visibility:visible;pointer-events:auto}.entry-foot{justify-content:center;text-align:center}.sheet-inner{padding:25px}}
@media(max-width:500px){.entry-left{padding:14px 14px 20px}.wdf-square{width:38px;height:38px;font-size:17px}.entry-topbar{font-size:19px}.entry-intro{margin:25px 5px 21px}.entry-intro h1{font-size:33px}.entry-intro p{font-size:18px}.entry-access{gap:11px}.entry-choice{gap:12px;min-height:81px;padding:11px 12px;border-radius:14px}.choice-symbol{width:51px;height:51px;flex-basis:51px;font-size:21px}.choice-copy strong{font-size:17px}.choice-copy small{font-size:9px}.choice-arrow{width:25px;height:25px}.entry-sheet{width:100%;border-radius:0}.sheet-inner{padding:20px 24px}.sheet-top{margin-bottom:19px}.sheet-icon{margin-bottom:13px}.entry-sheet h2{font-size:29px}}
@media(max-height:690px){.entry-intro{margin:22px 0 16px}.entry-access{gap:7px}.entry-choice{min-height:64px;padding:6px 12px}.choice-symbol{width:45px;height:45px;flex-basis:45px}.entry-foot{padding-top:13px}.sheet-inner{padding-top:12px;padding-bottom:12px}.sheet-top{margin-bottom:8px}.sheet-icon{width:45px;height:45px;font-size:22px;margin-bottom:10px}.sheet-description{margin-bottom:10px}.entry-sheet label{margin:9px 0 6px}.sheet-control input{height:44px}.sheet-submit{margin-top:14px;padding:12px}.sheet-bottom{margin-top:10px}.sheet-return{margin-top:13px;padding-top:10px}}
@media(prefers-reduced-motion:reduce){.entry-sheet,.entry-choice,.sheet-backdrop{transition:none!important}}


/* WDF v14 — Left-side login / right-side access; single official logo */
.entry-surface{background:linear-gradient(115deg,#f5faf6 0%,#f0f7f1 48%,#073b2c 48%,#095739 100%)}
.entry-layout{grid-template-columns:48% 52%}
.entry-right{grid-column:1;grid-row:1;background:radial-gradient(circle at 25% 25%,#fff 0%,#f2f8f2 66%,#eaf1eb 100%)}
.entry-left{grid-column:2;grid-row:1;padding:clamp(17px,2.4vw,36px) clamp(20px,4.2vw,66px);background:linear-gradient(155deg,#074631 0%,#0a633f 63%,#075136 100%)}
.entry-right:before{right:auto;left:-230px;top:-220px}
.entry-left:after{right:0}
.entry-topbar{display:flex;flex-direction:column;align-items:flex-start;gap:8px;letter-spacing:normal}
.entry-logo-wrap{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f0f6ef;box-shadow:0 15px 33px #042d2022;border-radius:16px;padding:8px 14px;width:min(100%,275px);max-height:136px;overflow:hidden}
.entry-logo{display:block;width:100%;height:111px;object-fit:contain;object-position:center}
.entry-logo-subtitle{font-size:10px;letter-spacing:.13em;color:#d8f3e4;font-weight:800;padding-left:2px}
.entry-intro{margin:clamp(20px,3vh,33px) 0 20px}
.entry-intro h1{font-size:clamp(29px,2.8vw,44px);margin:12px 0 8px}
.entry-intro p{font-size:clamp(15px,1.5vw,20px)}
.entry-access{gap:10px;max-width:630px}
.entry-choice{min-height:74px;padding:9px 15px;background:#ffffff10}
.entry-choice:hover,.entry-choice.selected{transform:translateX(-3px)}
.choice-symbol{width:52px;height:52px;flex-basis:52px}
.entry-foot{padding-top:16px}
.info-system-mark{display:inline-flex;align-items:center;gap:13px;background:#fff;border:1px solid #e0eae1;border-radius:18px;padding:12px 17px;font-size:12px;font-weight:800;color:#0c6a43;box-shadow:0 13px 34px #0c4e2520}
.system-mark-icon{display:grid;place-items:center;width:37px;height:37px;background:#e1f3e8;color:#0e7445;border-radius:11px;font-size:18px}
.info-divider{margin:30px 0 25px}
.entry-sheet{right:auto;left:0;transform:translateX(-105%);box-shadow:16px 0 40px #0a453026}
.entry-sheet.is-open{transform:translateX(0)}
@media (min-width:851px) and (max-height:780px){
 .entry-left{padding-top:15px;padding-bottom:13px}
 .entry-logo-wrap{max-height:91px;width:190px;padding:4px 8px}
 .entry-logo{height:81px}
 .entry-logo-subtitle{font-size:8px}
 .entry-intro{margin:13px 0 13px}
 .entry-intro h1{font-size:30px;margin:7px 0 5px}
 .entry-access{gap:7px}
 .entry-choice{min-height:62px;padding:6px 11px}
 .entry-foot{padding-top:9px}
}
@media (max-width:850px){
 .entry-surface{background:#073b2c}
 .entry-layout{grid-template-columns:1fr}
 .entry-left{grid-column:auto;grid-row:auto;min-height:100dvh;padding:18px max(18px,4vw) 20px}
 .entry-right{grid-column:auto;grid-row:auto;position:fixed;inset:0;padding:0;background:transparent;pointer-events:none;overflow:visible}
 .entry-right:before{display:none}
 .entry-logo-wrap{width:205px;max-height:111px;padding:5px 10px}
 .entry-logo{height:96px}
 .entry-intro{margin:clamp(18px,3vh,26px) 0 20px}
 .entry-sheet{left:0;right:auto;width:min(100%,480px);border-radius:0 22px 22px 0;box-shadow:20px 0 90px #04180c65;transform:translateX(-105%)}
 .entry-sheet.is-open{transform:translateX(0)}
}
@media (max-width:500px){
 .entry-left{padding:12px 14px 16px}
 .entry-logo-wrap{width:185px;max-height:101px}
 .entry-logo{height:87px}
 .entry-logo-subtitle{font-size:8px}
 .entry-intro{margin:16px 4px 17px}
 .entry-intro h1{font-size:clamp(27px,7.4vw,33px)}
 .entry-access{gap:9px}
 .entry-choice{min-height:74px;padding:9px 12px}
 .entry-sheet{width:100%;border-radius:0}
}
@media (max-height:670px) and (max-width:850px){
 .entry-logo-wrap{max-height:74px;width:140px}
 .entry-logo{height:64px}
 .entry-intro{margin:12px 0}
 .entry-intro h1{font-size:27px}
 .entry-choice{min-height:58px;padding:5px 9px}
 .choice-symbol{width:42px;height:42px;flex-basis:42px}
 .entry-access{gap:6px}
}