/* Selected direction 17. Real photography; original auth controls and APIs. */
@font-face{font-family:MowoEntry;font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/mowo-orbit-georgian-regular.ttf') format('truetype')}
@font-face{font-family:MowoEntry;font-style:normal;font-weight:800;font-display:swap;src:url('/static/fonts/mowo-orbit-georgian-heavy.ttf') format('truetype')}
/* One canvas through browser chrome, iOS safe areas and the account surface. */
html[data-welcome-design="real-delivery"]{--mowo-entry-canvas:#061e3c;color-scheme:dark;background:var(--mowo-entry-canvas)}
html[data-welcome-design="real-delivery"] body{margin:0;background:var(--mowo-entry-canvas);color:#f6f8fc;font:400 14px/1.55 MowoEntry,system-ui,sans-serif;min-width:0}
html[data-welcome-design="real-delivery"] main{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;width:100%;max-width:560px;margin:0 auto;padding:0;background:var(--mowo-entry-canvas);overflow:clip}
html[data-welcome-design="real-delivery"] .welcome-photo{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:#061e3c}
html[data-welcome-design="real-delivery"] .welcome-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation:mowo-entry-camera 6s ease-out 1 both}
html[data-welcome-design="real-delivery"] .welcome-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(#061e3c 4%,#061e3ca8 35%,#061e3c33 52%,#061e3c 78%)}
html[data-welcome-design="real-delivery"] main>.welcome-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;min-height:80px;margin:0;padding:calc(20px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) 0 max(22px,env(safe-area-inset-left,0px));border:0;background:transparent}
html[data-welcome-design="real-delivery"] .welcome-wordmark{display:inline-flex;align-items:center;flex:none;text-decoration:none}
html[data-welcome-design="real-delivery"] .welcome-wordmark>img{display:block;width:112px;height:auto}
html[data-welcome-design="real-delivery"] .welcome-language{display:flex;align-items:center;margin:0;border:1px solid #315477;border-radius:24px;background:#061e3c;padding:0 8px;min-height:38px;font-weight:400}
html[data-welcome-design="real-delivery"] .welcome-language select{font:400 12px/1.4 MowoEntry,system-ui,sans-serif;color:#c1d0e1;background:transparent;border:0;border-radius:20px;min-height:36px;max-width:112px;padding:0 3px;cursor:pointer}
html[data-welcome-design="real-delivery"] .welcome-language option{background:#061e3c;color:#f6f8fc}
html[data-welcome-design="real-delivery"] #choices{display:flex;flex-direction:column;flex:1;position:relative;padding:0 22px}
html[data-welcome-design="real-delivery"] .welcome-heading{margin:28px 0 0;padding:0;max-width:480px}
html[data-welcome-design="real-delivery"] .eyebrow{font:400 12px/1.5 MowoEntry,system-ui,sans-serif;color:#f76b14;letter-spacing:0;margin:0 0 10px}
html[data-welcome-design="real-delivery"] .welcome-heading h1{color:#f6f8fc;font:800 clamp(24px,7vw,30px)/1.3 MowoEntry,system-ui,sans-serif;letter-spacing:-.5px;margin:0;text-wrap:balance}
html[data-welcome-design="real-delivery"] .welcome-heading h1>span{color:#f76b14;font:inherit}
html[data-welcome-design="real-delivery"] .welcome-heading .intro{font:400 13px/1.7 MowoEntry,system-ui,sans-serif;color:#f6f8fc;margin:12px 0 0;max-width:350px;text-wrap:pretty}
html[data-welcome-design="real-delivery"] #choices .roles{display:flex;flex-direction:column;gap:10px;margin:auto 0 0;padding-top:clamp(180px,25svh,280px)}
html[data-welcome-design="real-delivery"] #choices .roles>button[data-role="customer"]{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:72px;padding:12px 15px;background:#f76b14;border:0;border-radius:16px;color:#04162d;box-shadow:none;text-align:left;transition:background .2s ease,translate .2s ease}
html[data-welcome-design="real-delivery"] #choices .entry-role-copy{display:block;color:#04162d;font:inherit;grid-column:auto}
html[data-welcome-design="real-delivery"] #choices .entry-role-copy strong{display:block;font:800 15px/1.45 MowoEntry,system-ui,sans-serif;color:inherit}
html[data-welcome-design="real-delivery"] #choices .entry-role-copy small{display:block;margin-top:4px;font:400 11px/1.5 MowoEntry,system-ui,sans-serif;color:inherit}
html[data-welcome-design="real-delivery"] #choices .entry-role-icon{display:grid;place-items:center;color:#04162d;grid-column:auto}
html[data-welcome-design="real-delivery"] .entry-role-icon svg{width:20px;height:20px}
html[data-welcome-design="real-delivery"] #choices .entry-arrow{font:400 24px/1 system-ui;color:#04162d;grid-column:auto}
html[data-welcome-design="real-delivery"] #choices .roles .staff-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0}
html[data-welcome-design="real-delivery"] #choices .roles .staff-entry button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:48px!important;padding:10px 8px!important;border:1px solid #315477!important;border-radius:14px!important;color:#f6f8fc!important;background:#061e3c!important;box-shadow:none!important;font:400 12px/1.45 MowoEntry,system-ui,sans-serif!important;transition:background .2s ease,translate .2s ease}
html[data-welcome-design="real-delivery"] #choices .roles .staff-entry button>span{font:inherit;color:inherit!important}
html[data-welcome-design="real-delivery"] #choices .roles .staff-entry svg{flex:0 0 18px;width:18px;height:18px;color:#f76b14}
html[data-welcome-design="real-delivery"] #choices .roles button:hover{filter:none;translate:0 -2px;transform:none}
html[data-welcome-design="real-delivery"] #choices .roles>button[data-role="customer"]:hover{background:#f76b14}
html[data-welcome-design="real-delivery"] main>footer{font:400 11px/1.6 MowoEntry,system-ui,sans-serif;color:#c1d0e1;max-width:none;width:100%;margin:0;padding:22px 22px calc(20px + env(safe-area-inset-bottom,0px));text-align:center}
html[data-welcome-design="real-delivery"] body.auth-mode .welcome-photo,
html[data-welcome-design="real-delivery"] body.auth-mode main>footer,
html[data-welcome-design="real-delivery"] body.auth-mode>.welcome-about{display:none}
html[data-welcome-design="real-delivery"] #auth{display:block;width:100%;max-width:none;margin:0;padding:12px 22px calc(32px + env(safe-area-inset-bottom,0px));background:var(--mowo-entry-canvas);border:0;border-radius:0;box-shadow:none;animation:none;overflow:visible}
html[data-welcome-design="real-delivery"] #auth::before{content:none}
html[data-welcome-design="real-delivery"] #auth:not([hidden]){animation:mowo-entry-arrive .35s ease-out 1 both}
html[data-welcome-design="real-delivery"] #auth #back{display:block;min-height:44px;margin:0;padding:8px 0;font:400 12px/1.5 MowoEntry,system-ui,sans-serif;color:#c1d0e1;text-align:left}
html[data-welcome-design="real-delivery"] #auth .auth-brand{position:relative;display:block;height:auto;aspect-ratio:1600/538;margin:12px -22px 20px;overflow:hidden;border-bottom:2px solid #f76b14;pointer-events:none}
html[data-welcome-design="real-delivery"] #auth .auth-brand::before{content:none}
html[data-welcome-design="real-delivery"] #auth .auth-brand>img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%}
html[data-welcome-design="real-delivery"] #auth>.eyebrow{font:800 clamp(22px,6vw,28px)/1.35 MowoEntry,system-ui,sans-serif;color:#f76b14;text-align:left;margin:0 0 10px;white-space:normal;overflow-wrap:break-word}
html[data-welcome-design="real-delivery"] #auth #title{color:#f6f8fc;font:800 clamp(24px,6.6vw,30px)/1.3 MowoEntry,system-ui,sans-serif;text-align:left;margin:0 0 12px;letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere}
/* Retain a semantic login heading for focus/screen readers without taking
   vertical space away from the email, password and actions. */
html[data-welcome-design="real-delivery"] #auth[data-role="customer"][data-mode="login"] #title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-welcome-design="real-delivery"] .welcome-auth-intro{font:400 12px/1.65 MowoEntry,system-ui,sans-serif;color:#c1d0e1;margin:0 0 18px}
html[data-welcome-design="real-delivery"] #auth #form{display:grid;gap:14px;margin:0}
html[data-welcome-design="real-delivery"] #auth #form>label,
html[data-welcome-design="real-delivery"] #auth .courier-registration-fields>label{display:block;min-width:0;margin:0;color:#c1d0e1;font:400 12px/1.5 MowoEntry,system-ui,sans-serif}
html[data-welcome-design="real-delivery"] #auth #form input:not([type="checkbox"]):not([type="file"]),
html[data-welcome-design="real-delivery"] #auth .courier-registration-fields>label>select{display:block;width:100%;height:50px;min-height:50px;margin-top:8px;padding:12px 14px;border:1px solid #315477;border-radius:14px;background:#04162d;color:#f6f8fc;box-shadow:none;font:400 16px/24px MowoEntry,system-ui,sans-serif;transition:border-color .2s ease}
html[data-welcome-design="real-delivery"] #auth #form input::placeholder{color:#859bb4;opacity:1}
html[data-welcome-design="real-delivery"] #auth #form input:focus{border-color:#f76b14;outline:2px solid #f76b1455;outline-offset:2px}
html[data-welcome-design="real-delivery"] #auth #submit{display:flex;align-items:center;justify-content:center;gap:14px;min-height:50px;margin:4px 0 0;padding:12px 16px;border:0;border-radius:14px;background:#f76b14;color:#04162d;box-shadow:none;font:800 15px/1.5 MowoEntry,system-ui,sans-serif;transition:background .2s ease}
html[data-welcome-design="real-delivery"] #auth #submit::after{content:'→';font:400 20px/1 system-ui}
html[data-welcome-design="real-delivery"] #auth #submit:hover:not(:disabled){background:#f76b14;filter:none;box-shadow:none}
html[data-welcome-design="real-delivery"] #auth #register{display:block;width:100%;min-height:44px;margin:24px 0 0;padding:8px 0;border:0;background:none;color:#c1d0e1;text-align:center;font:400 12px/1.7 MowoEntry,system-ui,sans-serif}
/* Recovery is a text link like registration, not a pale global secondary action. */
html[data-welcome-design="real-delivery"] #auth #forgot-password{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:8px 0;border:0;background:none!important;box-shadow:none!important;color:#c1d0e1!important;font:400 12px/1.7 MowoEntry,system-ui,sans-serif;text-align:center;text-decoration:none}
html[data-welcome-design="real-delivery"] #auth #forgot-password:hover{text-decoration:underline}
html[data-welcome-design="real-delivery"] #auth #forgot-password:focus-visible{outline:2px solid #f76b14;outline-offset:2px;text-decoration:underline}
html[data-welcome-design="real-delivery"] #auth #staff-note{color:#c1d0e1;font:400 12px/1.7 MowoEntry,system-ui,sans-serif;text-align:left;margin:20px 0 0}
html[data-welcome-design="real-delivery"] #auth #message:not(:empty){padding:12px;margin:0;background:#32251f;border:1px solid #ad652e;border-radius:12px;color:#ffe0bd;font:400 13px/1.6 MowoEntry,system-ui,sans-serif;overflow-wrap:anywhere}
html[data-welcome-design="real-delivery"] #auth[data-mode="register"] .auth-brand,
html[data-welcome-design="real-delivery"] #auth[data-mode="register"] .welcome-auth-intro,
html[data-welcome-design="real-delivery"] #auth[data-role="branch"] .welcome-auth-intro,
html[data-welcome-design="real-delivery"] #auth[data-role="courier"] .welcome-auth-intro{display:none}
html[data-welcome-design="real-delivery"] #auth[data-mode="register"]>.eyebrow{margin-top:20px}
html[data-welcome-design="real-delivery"] #auth #referral-label small{display:block;color:#c1d0e1;font:400 11px/1.5 MowoEntry,system-ui,sans-serif;margin-top:4px}
html[data-welcome-design="real-delivery"] #auth .password-visibility-toggle{font-size:0!important;color:#c1d0e1}
html[data-welcome-design="real-delivery"] #auth .password-visibility-toggle::before{content:'';width:14px;height:14px;border:1px solid currentColor;border-radius:70% 15%;transform:rotate(45deg)}
html[data-welcome-design="real-delivery"] #auth .password-visibility-toggle::after{content:'';position:absolute;top:calc(50% - 3px);left:calc(50% - 3px);width:6px;height:6px;border:1px solid currentColor;border-radius:50%}
html[data-welcome-design="real-delivery"] #auth .password-field-shell:has(input[type="text"])>.password-visibility-toggle{color:#f76b14}
html[data-welcome-design="real-delivery"] #auth :is(.courier-identity-card,.courier-contract-card,.courier-photo-capture,.courier-identity-consent){background:#102b4b;border-color:#315477;box-shadow:none}
html[data-welcome-design="real-delivery"] #auth :is(.courier-identity-card,.courier-contract-card) :is(strong,small,p,label,.courier-identity-kicker){color:#c1d0e1!important}
html[data-welcome-design="real-delivery"] #auth :is(.courier-identity-document-hint,.courier-identity-status){background:#061e3c;border-color:#315477;color:#c1d0e1}
html[data-welcome-design="real-delivery"] #auth :is(.courier-photo-picker>span,.courier-contract-card button){background:#f76b14;border-color:#f76b14;color:#04162d;box-shadow:none}
html[data-welcome-design="real-delivery"] #auth .courier-photo-preview{background:#061e3c;border-color:#315477}
html[data-welcome-design="real-delivery"] #auth .courier-photo-preview [data-identity-preview-name]{color:#f6f8fc!important;font-weight:600}
html[data-welcome-design="real-delivery"] #auth .courier-photo-preview button{background:#102b4b;border-color:#315477;color:#f6f8fc}
html[data-welcome-design="real-delivery"] .welcome-about{width:calc(100% - 44px);max-width:1068px;margin:22px auto 32px;color:#c1d0e1;font:400 12px/1.7 MowoEntry,system-ui,sans-serif}
html[data-welcome-design="real-delivery"] .welcome-about summary{width:max-content;min-height:44px;padding:12px 0;cursor:pointer}
html[data-welcome-design="real-delivery"] .about-mowo{margin-top:14px;padding:22px;background:#102b4b;border:1px solid #315477;border-radius:18px}
html[data-welcome-design="real-delivery"] .about-mowo h2{color:#f6f8fc;font-size:22px;margin:0 0 14px}
html[data-welcome-design="real-delivery"] .about-mowo h3{color:#f76b14;font-size:14px;margin:16px 0 8px}
html[data-welcome-design="real-delivery"] .about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html[data-welcome-design="real-delivery"] [hidden]{display:none!important}
@media(min-width:900px){
 html[data-welcome-design="real-delivery"] body:not(.auth-mode) main{max-width:1120px;min-height:max(740px,100svh)}
 html[data-welcome-design="real-delivery"] body:not(.auth-mode) .welcome-photo img{object-position:76% 50%}
 html[data-welcome-design="real-delivery"] body:not(.auth-mode) .welcome-photo::after{background:linear-gradient(90deg,#061e3c 8%,#061e3ce6 38%,#061e3c33 75%),linear-gradient(0deg,#061e3c,transparent 45%)}
 html[data-welcome-design="real-delivery"] main>.welcome-topbar{padding:30px 38px 0;min-height:90px}
 html[data-welcome-design="real-delivery"] #choices{padding:0 38px}
 html[data-welcome-design="real-delivery"] .welcome-heading{margin-top:36px}
 html[data-welcome-design="real-delivery"] .welcome-heading h1{font-size:42px}
 html[data-welcome-design="real-delivery"] #choices .roles{max-width:380px;padding-top:190px}
 html[data-welcome-design="real-delivery"] body:not(.auth-mode) main>footer{text-align:left;padding-left:38px}
 html[data-welcome-design="real-delivery"] body.auth-mode main>.welcome-topbar{padding:24px 28px 0;min-height:80px}
 html[data-welcome-design="real-delivery"] #auth{padding-left:28px;padding-right:28px}
 html[data-welcome-design="real-delivery"] #auth .auth-brand{margin-left:-28px;margin-right:-28px}
}
@media(max-width:360px){
 html[data-welcome-design="real-delivery"] main>.welcome-topbar{padding-left:18px;padding-right:18px}
 html[data-welcome-design="real-delivery"] #choices{padding-left:18px;padding-right:18px}
 html[data-welcome-design="real-delivery"] .welcome-heading h1{font-size:24px}
 html[data-welcome-design="real-delivery"] #auth{padding-left:18px;padding-right:18px}
 html[data-welcome-design="real-delivery"] #auth .auth-brand{margin-left:-18px;margin-right:-18px}
 html[data-welcome-design="real-delivery"] #auth #title{font-size:24px}
 html[data-welcome-design="real-delivery"] #choices .roles .staff-entry button{font-size:11px!important}
}
@media(max-width:650px){html[data-welcome-design="real-delivery"] .about-steps{grid-template-columns:1fr;gap:0}}
@keyframes mowo-entry-camera{from{scale:1.02}to{scale:1}}
@keyframes mowo-entry-arrive{from{opacity:.65;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){html[data-welcome-design="real-delivery"] :is(button,input,a,#auth,.welcome-photo img){transition:none!important;animation:none!important}}