:root{--green:#174a37;--deep:#123d2f;--lime:#d8f174;--ink:#173f35;--muted:#708078;--line:#dfe8e0;--paper:#fff;--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:#f8faf6}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #79a944;outline-offset:4px}button:disabled{cursor:wait}img{max-width:100%;display:block}svg{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}::selection{background:var(--lime);color:var(--green)}
.access-page{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(24px,4vh,44px) max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at 86% 5%,#ebf2ddaa,transparent 38%),radial-gradient(ellipse at 9% 94%,#e9f0e199,transparent 38%),#f8faf6}.access-header,.access-footer{width:100%;max-width:1200px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.access-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.access-brand>img{width:44px;height:44px}.access-brand>span{font-size:31px;font-weight:780;letter-spacing:-1.8px;line-height:.9;display:block}.access-brand small{display:block;font-size:7px;font-weight:700;letter-spacing:.38em;margin:9px 0 0 3px;line-height:1}.preview-label{display:flex;align-items:center;gap:8px;color:#677b69;font-size:9px;font-weight:650;letter-spacing:.14em}.preview-label i{height:6px;width:6px;border-radius:50%;background:#6b8d50;box-shadow:0 0 0 4px #e7eedf}.access-main{width:100%;max-width:1000px;margin:auto;padding:50px 0;display:flex;align-items:center}.access-card{display:grid;grid-template-columns:.86fr 1.14fr;width:100%;background:var(--paper);border:1px solid #e1e9dd;border-radius:27px;overflow:hidden;box-shadow:0 30px 90px #143d3009,0 2px 12px #143d3004}.story-panel{background:var(--green);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:42px 37px 24px}.story-panel::before{content:'';width:510px;height:510px;border:1px solid #cbe79515;position:absolute;border-radius:50%;left:-220px;bottom:-250px;box-shadow:0 0 0 55px #cbe79506,0 0 0 110px #cbe79504;pointer-events:none}.story-eyebrow,.login-eyebrow{font-size:8px;letter-spacing:.17em;font-weight:650;line-height:1.6;display:block}.story-eyebrow{color:var(--lime);margin-bottom:24px}.story-panel h2{font-size:43px;font-weight:650;line-height:1.12;letter-spacing:-1.8px}.story-panel h2>span{color:var(--lime)}.story-panel>p{color:#c5d6c7;font-size:12px;line-height:1.85;margin-top:20px}.parcel-scene{position:relative;margin:22px -25px 30px;flex:1;display:flex;justify-content:center;align-items:center;min-height:218px}.parcel-scene>svg{width:100%;max-width:345px;stroke:none;overflow:visible}.parcel-box{animation:parcel-bob 5s ease-in-out infinite;transform-origin:center}.parcel-route{animation:route-move 22s linear infinite}.parcel-spark{animation:spark 4s ease-in-out infinite}.scene-label{display:flex;align-items:center;gap:8px;font-size:9px;color:#dbe6d7;position:absolute;bottom:-4px;left:0;right:0;justify-content:center}.scene-label>span{width:19px;height:19px;display:grid;place-items:center;border:1px solid #cbe79555;border-radius:50%;font-size:12px;color:var(--lime)}.story-bottom{display:flex;align-items:center;gap:10px;position:relative;font-size:9px;color:#c8d7c8;border-top:1px solid #ffffff20;padding-top:21px;margin-top:auto}.tiny-mark{font-weight:800;font-size:19px;letter-spacing:-3px;color:var(--lime);margin-right:4px}.story-arrow{margin-left:auto;font-size:19px;color:var(--lime)}
.login-panel{padding:48px 52px 39px;min-width:0}.lock-badge{display:grid;place-items:center;height:45px;width:45px;border-radius:12px;background:#edf4df;color:var(--green);margin-bottom:22px}.lock-badge svg{width:23px;height:23px}.login-eyebrow{color:#78915e;margin-bottom:12px}.login-panel h1{font-size:32px;letter-spacing:-1.15px;line-height:1.18;font-weight:650;max-width:380px;margin-bottom:20px}.process-message{color:var(--green);font-size:13px;font-weight:550;line-height:1.65}.login-help{font-size:12px;color:var(--muted);line-height:1.75;margin-top:5px}.access-form{margin-top:29px}.access-form>label{display:block;font-size:11px;font-weight:600;margin-bottom:10px}.password-field{display:flex;align-items:center;border:1px solid #d9e4d8;border-radius:10px;min-height:54px;background:#fbfcf9;transition:box-shadow .2s,border-color .2s;position:relative}.password-field:focus-within{border-color:#7e9e66;box-shadow:0 0 0 3px #d8f17450;background:white}.password-field.has-error{border-color:#b85a43}.input-lock{width:17px;height:17px;margin-left:16px;color:#829077;flex-shrink:0}.password-field input{border:0;outline:0;background:transparent;color:var(--green);padding:16px 10px;width:100%;min-width:0;font-size:16px;height:54px;border-radius:10px;letter-spacing:.01em}.password-field input::placeholder{font-size:12px;letter-spacing:0;color:#8a9785;opacity:1}.password-field input::-ms-reveal{display:none}.visibility-toggle{min-width:46px;min-height:46px;border:0;background:transparent;color:#76886e;display:grid;place-items:center;padding:12px;margin-right:3px;border-radius:8px}.visibility-toggle:hover{color:var(--green);background:#edf3e5}.visibility-toggle svg{width:19px;height:19px}.eye-slash{display:none}.visibility-toggle[aria-pressed=true] .eye-slash{display:block}.password-error{font-size:11px;color:#a4402b;line-height:1.6;margin:10px 0 0}.password-error:empty{display:none}.unlock-button{margin-top:15px;width:100%;min-height:53px;border:1px solid var(--green);background:var(--green);color:white;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-size:12px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.unlock-button:hover:not(:disabled){background:#103e2c;box-shadow:0 6px 16px #174a3717;transform:translateY(-1px)}.unlock-button>svg{width:19px;height:19px;transition:transform .2s}.unlock-button:hover>svg{transform:translate(2px,-2px)}.submit-spinner{display:none;width:17px;height:17px;border-radius:50%;border:2px solid #ffffff45;border-top-color:var(--lime);animation:rotate 1s linear infinite}.unlock-button.is-loading>svg{display:none}.unlock-button.is-loading .submit-spinner{display:block}.access-status{font-size:11px;color:var(--green);line-height:1.6;margin-top:10px}.access-status:empty{display:none}.private-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#899681;margin-top:22px}.private-note svg{width:13px;height:13px}.access-footer{font-size:9px;color:#8a9581;line-height:1.5}.access-footer>span:last-child{display:flex;align-items:center;gap:13px}.footer-spark{color:#809c5f;font-size:17px}
.delivery-splash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#f8faf6;transition:opacity .42s ease,visibility .42s ease;padding:24px;min-height:100svh}.delivery-splash.is-finished{opacity:0;visibility:hidden;pointer-events:none}.splash-center{text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-12px)}.splash-symbol{position:relative;width:116px;height:116px;display:grid;place-items:center;margin-bottom:24px}.splash-symbol>img{width:78px;height:78px;border-radius:23px;box-shadow:0 8px 26px #173f3512}.splash-orbit{position:absolute;inset:0;border:1px solid #dce8c5;border-radius:50%;border-top-color:#779d43;animation:rotate 1.8s linear infinite}.splash-orbit::after{content:'';position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #eaf1db}.splash-brand{font-size:38px;font-weight:780;letter-spacing:-2px;line-height:1;color:var(--green)}.splash-brand>span{color:#6e914a}.splash-brand>small{display:block;font-size:8px;letter-spacing:.36em;margin:10px 0 0 4px;font-weight:700}.splash-center>p{font-size:12px;font-weight:500;color:#5e765c;letter-spacing:.025em;margin-top:32px}.loading-dots{display:inline-block;width:12px;animation:spark 1.6s infinite}.loading-track{display:block;width:125px;height:3px;border-radius:3px;background:#e3eccc;margin:16px auto 19px;overflow:hidden}.loading-track>span{display:block;width:45%;height:100%;border-radius:3px;background:#95b35b;animation:loading-run 1.4s ease-in-out infinite}.splash-note{font-size:9px;color:#8a977e}.access-page.is-ready .access-card{animation:card-in .55s ease both}.access-page.is-ready .access-header{animation:card-in .45s ease both}.access-form.has-rejection .password-field{animation:reject .3s ease}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes parcel-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes route-move{to{stroke-dashoffset:-120}}@keyframes spark{0%,100%{opacity:.55}50%{opacity:1}}@keyframes loading-run{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}@keyframes card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes reject{0%,100%{transform:translateX(0)}30%{transform:translateX(-4px)}70%{transform:translateX(4px)}}
@media(min-width:1440px){.access-page{padding-top:38px;padding-bottom:28px}.access-main{max-width:1030px}.story-panel{padding:48px 42px 28px}.login-panel{padding:53px 58px 44px}.login-panel h1{font-size:35px}.story-panel h2{font-size:46px}.parcel-scene{min-height:230px}}
@media(max-width:900px){.access-main{max-width:790px;padding-block:35px}.story-panel{padding:37px 27px 25px}.story-panel h2{font-size:35px}.story-panel>p{font-size:11px}.story-eyebrow{font-size:7px}.login-panel{padding:38px 31px}.login-panel h1{font-size:28px}.process-message{font-size:12px}.login-help{font-size:11px}.parcel-scene{margin-inline:-20px}.scene-label{font-size:8px}.story-bottom{font-size:8px}}
@media(max-width:640px){.access-page{padding:calc(24px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:radial-gradient(ellipse at 90% 0%,#edf3e2,transparent 45%),#f8faf6}.access-header{max-width:420px}.access-brand{gap:8px}.access-brand>img{width:39px;height:39px}.access-brand>span{font-size:28px;letter-spacing:-1.4px}.access-brand small{font-size:6px;letter-spacing:.35em;margin-top:8px}.preview-label{font-size:7px;letter-spacing:.08em;gap:7px}.preview-label i{width:5px;height:5px;box-shadow:0 0 0 3px #e7eedf}.access-main{padding-block:37px;width:100%;max-width:420px}.access-card{display:block;border-radius:22px;box-shadow:0 16px 55px #143d3008;overflow:visible}.story-panel{display:none}.login-panel{padding:33px 27px 29px}.lock-badge{width:43px;height:43px;border-radius:12px;margin-bottom:24px}.lock-badge>svg{width:22px;height:22px}.login-eyebrow{font-size:8px;margin-bottom:13px}.login-panel h1{font-size:30px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:19px}.process-message{font-size:12px;line-height:1.8;max-width:250px}.login-help{font-size:11px;line-height:1.8;max-width:240px;margin-top:7px}.access-form{margin-top:28px}.access-form>label{font-size:11px;margin-bottom:10px}.password-field,.password-field input{min-height:55px}.unlock-button{min-height:53px;font-size:12px;margin-top:15px;padding-inline:17px}.private-note{font-size:9px;margin-top:23px}.access-footer{max-width:420px;font-size:8px;gap:10px}.access-footer>span:last-child{gap:6px}.footer-spark{font-size:14px}.splash-symbol{width:110px;height:110px}.splash-symbol>img{width:74px;height:74px;border-radius:21px}.splash-brand{font-size:36px}.splash-center{transform:translateY(-18px)}}
@media(max-width:374px){.access-page{padding-inline:16px}.login-panel{padding:29px 23px}.login-panel h1{font-size:27px}.access-brand>span{font-size:25px}.access-brand>img{width:35px;height:35px}.preview-label{font-size:6px}.process-message{font-size:11px}.login-help{font-size:10px}.access-footer{font-size:7px}.footer-spark{display:none}}
@media(max-height:650px) and (max-width:640px){.access-page{padding-top:18px;padding-bottom:16px}.access-main{padding-block:24px}.login-panel{padding-block:25px}.lock-badge{margin-bottom:17px}.login-panel h1{font-size:27px}.access-form{margin-top:20px}.private-note{margin-top:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loading-track>span{transform:none;width:100%}.splash-orbit{border-color:#b6ce8d}}
