:root{color-scheme:light;--entry-ink:#142f22;--entry-muted:#637266;--entry-green:#246341;--entry-bg:#edf2e7}
*{box-sizing:border-box}html{min-height:100%;background:var(--entry-bg)}body{margin:0;color:var(--entry-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 30%,#fcfdf7 0%,#f1f5eb 47%,#e5eddf 100%)}a,button,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button,input,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d25b35;outline-offset:4px}svg{width:23px;height:23px;flex:none}button,a{touch-action:manipulation}
.wd-entry-shell{position:relative;isolation:isolate;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:480px;min-height:100svh;margin:0 auto;padding:42px 24px 26px;gap:0}
.wd-entry-logo{display:block;margin-bottom:38px}.wd-entry-logo img{display:block;width:218px;max-width:100%;height:auto}
.wd-entry-message{text-align:center;margin-bottom:32px}.wd-entry-message h1{font-size:clamp(30px,3.2vw,40px);line-height:1.13;letter-spacing:-.045em;margin:24px 0 15px;font-weight:800;text-wrap:balance}.wd-entry-message p{font-size:16px;line-height:1.6;color:var(--entry-muted);margin:0;text-wrap:balance}
.wd-entry-mark{display:grid;place-items:center;width:86px;height:86px;margin:auto;border-radius:27px;background:#dbe9cd;color:#2a5e3e;box-shadow:inset 0 0 0 1px rgba(20,47,34,.04)}.wd-entry-mark svg{width:52px;height:52px}
.wd-entry-actions{width:100%}.wd-entry-primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;width:100%;padding:14px 18px;border:0;border-radius:18px;background:var(--entry-green);color:#fff;text-decoration:none;font-weight:700;font-size:15px;line-height:1.4;cursor:pointer;text-align:center;box-shadow:0 7px 20px #14382112}.wd-entry-primary:hover{background:#1b5134}
.wd-entry-guest{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 8px;margin:10px 0 0;font-weight:650;font-size:14px;line-height:1.4;text-decoration:none;text-align:center}.wd-entry-guest:hover{text-decoration:underline;text-underline-offset:4px}
.wd-entry-region{display:flex;gap:12px;width:100%;margin:22px 0 0}.wd-entry-region label{flex:1;min-width:0}.wd-entry-region label>span{display:block;margin:0 0 6px;font-size:12px;font-weight:600;color:var(--entry-muted)}.wd-entry-region select{display:block;width:100%;min-height:46px;border:1px solid #dce4d8;border-radius:13px;padding:10px 28px 10px 12px;background:#ffffffd9;color:var(--entry-ink);font-size:14px;font-weight:600}
.is-welcome .wd-entry-region{max-width:300px;margin-top:18px}.is-welcome .wd-entry-region label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.is-welcome .wd-entry-region select{background:#ffffff80;border-color:#dce4d880;font-size:12px;min-height:42px}
.wd-entry-legal{font-size:11px;line-height:1.7;color:#718074;text-align:center;max-width:340px;margin:25px 0 0}.wd-entry-legal a{text-underline-offset:3px}
.wd-entry-art{position:fixed;inset:0;overflow:hidden;pointer-events:none}.wd-entry-object{position:absolute;width:240px;height:270px;border-radius:58px;background-image:url('/assets/img/home-discovery-triptych.webp');background-size:300% 100%;box-shadow:0 28px 60px #263a1c0b;opacity:.85}.is-chair{left:max(-90px,calc(50% - 700px));top:8%;transform:rotate(-13deg);background-position:0 50%}.is-food{right:max(-100px,calc(50% - 700px));top:4%;transform:rotate(14deg);background-position:50% 50%}.is-tech{left:max(-150px,calc(50% - 670px));bottom:5%;transform:rotate(13deg);background-position:100% 50%}.is-bread{right:max(-140px,calc(50% - 650px));bottom:1%;transform:rotate(-12deg);background-position:50% 50%}.wd-entry-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(242,246,235,0) 20%,rgba(237,242,231,.15) 65%)}
.is-login{background:#f4f6f0}.is-login .wd-entry-shell{max-width:500px;align-items:stretch;padding-top:30px;justify-content:center}.is-login .wd-entry-logo{align-self:center;margin-bottom:38px}.wd-entry-back{display:grid;place-items:center;width:44px;height:44px;position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;background:#fff;border:1px solid #e1e7dd;border-radius:50%;text-decoration:none}.wd-entry-login h1{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin:0 0 10px}.wd-entry-subtitle{margin:0;color:var(--entry-muted);font-size:14px;line-height:1.6}.wd-entry-form{margin-top:24px}.wd-entry-form>label{display:block;font-size:13px;font-weight:650;margin:18px 0 7px}.wd-entry-form input:not([type=hidden]){display:block;width:100%;min-height:52px;border:1px solid #dce3d7;border-radius:14px;background:#fff;padding:13px 14px;color:var(--entry-ink);font-size:16px}.wd-entry-password{position:relative}.wd-entry-password input{padding-right:54px!important}.wd-entry-password button{position:absolute;right:4px;top:4px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#647767;cursor:pointer}.wd-entry-forgot{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-underline-offset:3px}.wd-entry-form .wd-entry-primary{margin-top:15px}.wd-entry-register{font-size:13px;text-align:center;color:var(--entry-muted);margin:23px 0 0;line-height:1.6}.wd-entry-register a{font-weight:700;color:var(--entry-green);text-underline-offset:3px}.wd-entry-alert{padding:13px 15px;border:1px solid #e2cdaf;background:#fff7e9;border-radius:12px;font-size:13px;line-height:1.6;color:#694a23;margin:18px 0 0}
@media(min-width:900px){.is-login .wd-entry-shell{min-height:auto;margin-top:40px;margin-bottom:40px;padding:80px 40px 30px;background:#ffffffb8;border:1px solid #dce4d8;border-radius:30px;box-shadow:0 24px 80px #233e2210}.is-login .wd-entry-logo{margin-bottom:32px}}
@media(max-width:600px){.wd-entry-shell{padding:calc(25px + env(safe-area-inset-top,0px)) 24px calc(22px + env(safe-area-inset-bottom,0px))}.wd-entry-logo{margin-bottom:40px}.wd-entry-logo img{width:200px}.wd-entry-message h1{font-size:33px}.wd-entry-message{margin-bottom:28px}.wd-entry-object{width:125px;height:150px;border-radius:30px;opacity:.68}.is-chair{left:-60px;top:13%;transform:rotate(-18deg)}.is-food{right:-63px;top:12%;transform:rotate(18deg)}.is-tech{left:-70px;bottom:9%}.is-bread{right:-75px;bottom:6%}.is-login .wd-entry-shell{padding:90px 24px 24px;justify-content:flex-start;min-height:100svh}.is-login .wd-entry-logo{margin-bottom:30px}.wd-entry-login h1{font-size:30px}.is-login .wd-entry-legal{align-self:center;margin-top:22px}}
@media(max-height:700px) and (max-width:600px){.is-welcome .wd-entry-shell{padding-top:22px;padding-bottom:16px}.is-welcome .wd-entry-logo{margin-bottom:24px}.wd-entry-mark{width:66px;height:66px;border-radius:22px}.wd-entry-mark svg{width:42px;height:42px}.wd-entry-message h1{margin-top:18px;font-size:29px}.wd-entry-message{margin-bottom:20px}.wd-entry-legal{margin-top:16px}}

/* Official WopaDeal D icon replaces the generic green check. */
.wd-entry-mark{background:transparent;box-shadow:none}
.wd-entry-mark img{display:block;width:100%;height:100%;object-fit:contain}

/* Subtle ambient motion, independent from each image's existing rotation. */
.is-welcome .wd-entry-object{animation:wd-entry-ambient 10s ease-in-out infinite}
.is-welcome .wd-entry-object:nth-child(2){animation-delay:-3s}
.is-welcome .wd-entry-object:nth-child(3){animation-delay:-6s}
.is-welcome .wd-entry-object:nth-child(4){animation-delay:-8s}
@keyframes wd-entry-ambient{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(prefers-reduced-motion:reduce){.is-welcome .wd-entry-object{animation:none!important}}

/* Distinct food scene for the lower-right welcome card. */
.is-welcome .wd-entry-object.is-bread{background-image:url("/assets/img/home-discovery-technology.webp");background-position:50% 50%}

/* Compact desktop sign-in; touch layout stays unchanged. */
@media(min-width:900px){
 .is-login .wd-entry-shell{max-width:440px;margin:20px auto;padding:54px 28px 18px;min-height:0;border-radius:24px}
 .is-login .wd-entry-logo{margin-bottom:22px}
 .is-login .wd-entry-logo img{width:180px}
 .is-login .wd-entry-back{width:38px;height:38px;top:14px;left:14px}
 .is-login .wd-entry-login h1{font-size:28px;margin-bottom:8px}
 .is-login .wd-entry-subtitle{font-size:13px;line-height:1.5}
 .is-login .wd-entry-region{margin-top:18px;gap:10px}
 .is-login .wd-entry-region select{min-height:40px;padding:8px 26px 8px 11px;font-size:13px}
 .is-login .wd-entry-region label>span{margin-bottom:5px;font-size:11px}
 .is-login .wd-entry-form{margin-top:16px}
 .is-login .wd-entry-form>label{margin:13px 0 6px;font-size:12px}
 .is-login .wd-entry-form input:not([type=hidden]){min-height:46px;padding-top:10px;padding-bottom:10px;border-radius:12px}
 .is-login .wd-entry-password button{top:1px;right:3px}
 .is-login .wd-entry-forgot{min-height:34px;font-size:12px}
 .is-login .wd-entry-primary{min-height:46px;border-radius:14px;font-size:14px;padding:11px 16px}
 .is-login .wd-entry-form .wd-entry-primary{margin-top:10px}
 .is-login .wd-entry-register{margin-top:15px;font-size:12px}
 .is-login .wd-entry-guest{min-height:38px;margin-top:5px;padding:8px;font-size:13px}
 .is-login .wd-entry-legal{margin:14px auto 0;font-size:10px;line-height:1.6}
}