:root{--ink:#092820;--muted:#65746f;--surface:#fff;--line:#dfe9e5;--bg:#f2f7f5}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-body),sans-serif;margin:0}button,input,textarea{font:inherit}button,a{transition:all .2s}.app-shell{background:linear-gradient(145deg,#eff8f4 0%,#f9fbfa 48%,#eef5f2 100%);min-height:100vh;padding:0 28px 32px;position:relative;overflow:hidden}.ambient{filter:blur(3px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:color-mix(in srgb,var(--brand) 17%,transparent);width:520px;height:520px;top:-220px;right:-220px}.ambient-two{background:#ccf1e5;width:360px;height:360px;bottom:-160px;left:-190px}.topbar{z-index:1;justify-content:space-between;align-items:center;max-width:1180px;height:84px;margin:auto;display:flex;position:relative}.brand-lockup{font-family:var(--font-display);align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-lockup img{object-fit:contain;max-width:120px;height:32px}.logo-mark{background:var(--brand);color:#fff;border-radius:11px;place-items:center;width:35px;height:35px;font-size:24px;display:grid}.brand-cross{color:#96aaa3;font-weight:400}.secure-pill{color:#44635a;background:#fff8;border:1px solid #fff;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.progress-wrap{z-index:1;max-width:760px;margin:10px auto 24px;display:flex;position:relative}.progress-wrap:before{content:"";background:#d6e3de;height:2px;position:absolute;top:15px;left:7%;right:7%}.progress-step{color:#879b94;flex:1;justify-items:center;gap:7px;display:grid;position:relative}.progress-step span{background:#e3ece8;border:2px solid #d3dfdb;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.progress-step.active span{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 12%,transparent)}.progress-step small{font-size:11px;font-weight:700}.wizard-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff;border-radius:32px;max-width:1080px;min-height:620px;margin:auto;padding:44px;position:relative;box-shadow:0 28px 80px #164d3a1c}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:62px;min-height:530px;padding:10px 28px;display:grid}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.hero-grid h1,.form-stage h1,.success-stage h1{font-family:var(--font-display);letter-spacing:-.045em;margin:20px 0;font-size:clamp(36px,5vw,62px);line-height:1.02}.lead,.form-stage>p,.success-stage>p{color:var(--muted);max-width:650px;font-size:17px;line-height:1.65}.benefit-list{gap:13px;margin:28px 0;display:grid}.benefit-list div{align-items:center;gap:10px;font-weight:650;display:flex}.benefit-list svg{width:20px;color:var(--brand)}.primary-button{background:var(--brand-dark);color:#fff;cursor:pointer;min-height:52px;box-shadow:0 12px 24px color-mix(in srgb,var(--brand-dark) 20%,transparent);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-weight:800;display:inline-flex}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-button svg{width:18px}.microcopy{color:#71857e;align-items:center;gap:7px;font-size:12px;display:flex}.microcopy svg{width:15px}.offer-card{background:linear-gradient(160deg,var(--brand-dark),color-mix(in srgb,var(--brand-dark) 72%,var(--brand)));color:#fff;min-height:410px;box-shadow:0 24px 56px color-mix(in srgb,var(--brand-dark) 30%,transparent);border-radius:28px;padding:32px;position:relative;overflow:hidden}.offer-card:after{content:"";border:40px solid #fff1;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-95px;right:-80px}.fuel-visual{background:#fff1;border-radius:23px;place-items:center;width:82px;height:82px;margin-bottom:44px;display:grid}.offer-card>span{color:#aee7d4;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.offer-card h2{font-family:var(--font-display);margin:10px 0;font-size:30px}.offer-card>strong{font-size:25px}.offer-card ul{color:#d6ebe4;padding-left:18px;line-height:2}.form-stage{text-align:center;max-width:570px;margin:35px auto}.form-stage.wide{max-width:760px}.stage-icon{background:color-mix(in srgb,var(--brand) 13%,white);width:62px;height:62px;color:var(--brand);border-radius:19px;place-items:center;margin:auto;display:grid}.stage-icon svg{width:28px}.form-stage h1{margin-bottom:10px;font-size:38px}.form-stack{text-align:left;gap:16px;margin-top:28px;display:grid}.form-stack label,.address-grid label{gap:7px;font-size:13px;font-weight:750;display:grid}.form-stack input,.address-grid input,.address-grid textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:14px 15px}.form-stack input:focus,.address-grid input:focus,.address-grid textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}label em{color:#c14949;min-height:12px;font-size:11px;font-style:normal}.input-icon{position:relative}.input-icon svg{color:#82938d;width:18px;position:absolute;top:14px;left:14px}.input-icon input{padding-left:43px}.otp-input{text-align:center;letter-spacing:.35em;font-weight:800;font-size:27px!important}.text-button,.back-button{color:#55736a;cursor:pointer;background:0 0;border:0}.back-button{align-items:center;gap:4px;font-size:12px;display:flex;position:absolute;top:22px;left:25px}.divider{color:#8a9b95;align-items:center;gap:12px;margin:24px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.social-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;height:49px;font-weight:750}.info-banner,.error-banner{text-align:left;border-radius:12px;padding:13px 15px;font-size:13px}.info-banner{color:#375f52;background:#eef8f4}.error-banner{color:#a33b3b;background:#fff0f0;align-items:center;gap:8px;max-width:760px;margin:0 auto 16px;display:flex}.address-grid{text-align:left;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.span-2{grid-column:span 2}.address-summary{text-align:left;border:1px solid var(--line);background:#f3f8f6;border-radius:16px;gap:16px;margin:28px 0;padding:20px;display:flex}.address-summary svg{color:var(--brand)}.address-summary div{gap:5px;display:grid}.address-summary span{color:var(--muted);font-size:13px}.review-grid{grid-template-columns:1fr 1fr;gap:14px;margin:26px 0;display:grid}.review-box{text-align:left;border:1px solid var(--line);background:#fbfdfc;border-radius:15px;gap:5px;padding:18px;display:grid}.review-box span,.review-box small{color:var(--muted);font-size:12px}.consent-list{text-align:left;gap:12px;margin:24px 0;display:grid}.consent-list label{align-items:flex-start;gap:11px;font-size:13px;line-height:1.5;display:flex}.consent-list input{accent-color:var(--brand);margin-top:3px}.masterpass-frame{border:1px solid var(--line);border-radius:16px;height:430px;margin:20px 0;overflow:hidden}.masterpass-frame iframe{border:0;width:100%;height:100%}.success-stage{text-align:center;max-width:650px;margin:38px auto}.success-icon{background:var(--brand);color:#fff;width:82px;height:82px;box-shadow:0 0 0 12px color-mix(in srgb,var(--brand) 12%,transparent);border-radius:50%;place-items:center;margin:auto;display:grid}.success-icon svg{width:38px}.success-stage>span{color:var(--brand);margin-top:27px;font-weight:800;display:block}.success-stage h1{margin:10px 0;font-size:46px}.request-ticket,.advisor-note{text-align:left;border-radius:16px;align-items:center;gap:16px;margin:20px 0;padding:18px;display:flex}.request-ticket{background:var(--brand-dark);color:#fff}.request-ticket div{gap:3px;display:grid}.request-ticket small{color:#bcd5cc}.request-ticket strong{word-break:break-all;font-size:13px}.advisor-note{background:#eef8f4}.advisor-note svg{color:var(--brand);flex:none}.advisor-note p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.5}.anchor{width:100%;text-decoration:none}.store-links{justify-content:center;gap:18px;margin-top:18px;display:flex}.store-links a{color:#526e65;font-size:12px;font-weight:700}.center-screen{background:linear-gradient(145deg,#e9f7f2,#fff);place-items:center;min-height:100vh;padding:24px;display:grid}.status-card{text-align:center;background:#fff;border-radius:25px;width:min(440px,100%);padding:44px;box-shadow:0 25px 70px #193e3120}.status-card svg{color:#10a777}.status-card h1{font-family:var(--font-display);font-size:28px}.status-card p{color:var(--muted);line-height:1.6}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{z-index:1;color:#758a83;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:11px;display:flex;position:relative}@media (max-width:760px){.app-shell{padding:0 12px 20px}.topbar{height:70px}.secure-pill,.progress-step small{display:none}.wizard-card{border-radius:23px;min-height:600px;padding:54px 20px 28px}.hero-grid{grid-template-columns:1fr;gap:28px;padding:0}.hero-grid h1{font-size:42px}.offer-card{min-height:330px}.address-grid,.review-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.form-stage h1{font-size:31px}.social-grid{grid-template-columns:1fr}.back-button{left:14px}.masterpass-frame{height:500px}.progress-wrap{margin-top:4px}.success-stage h1{font-size:37px}.brand-lockup{font-size:16px}.brand-lockup strong{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}}:root{--font-body:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:Manrope,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.address-grid select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:14px 15px}.address-grid select:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}.address-grid select:disabled{color:#81908b;background:#f3f6f5}.mobiloto-logo-shell{align-items:center;display:flex}.brand-lockup .mobiloto-logo{width:144px;max-width:none;height:auto;display:block}.brand-lockup .company-logo{object-fit:contain;width:auto;max-width:120px;height:32px}.social-grid button{color:var(--ink);justify-content:center;align-items:center;gap:10px;display:flex}.social-grid button img{object-fit:contain;width:22px;height:22px}.social-grid button:hover{background:#fbfdfc;border-color:#b6c9c2;transform:translateY(-1px);box-shadow:0 8px 18px #173f3210}@media (max-width:760px){.brand-lockup .mobiloto-logo{width:112px}.brand-lockup .company-logo{max-width:92px}}.otp-field{gap:10px;display:grid}.otp-label{font-size:13px;font-weight:750}.otp-grid{grid-template-columns:repeat(6,52px);justify-content:center;gap:10px;display:grid}.form-stack .otp-box{border:1px solid var(--line);text-align:center;width:52px;height:58px;color:var(--ink);caret-color:var(--brand);background:#fff;border-radius:14px;padding:0;font-size:25px;font-weight:800;line-height:1;transition:border-color .18s,box-shadow .18s,transform .18s}.form-stack .otp-box:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent);transform:translateY(-1px)}.form-stack .otp-box.filled{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));background:color-mix(in srgb,var(--brand) 4%,white)}.form-stack .otp-box:disabled{cursor:not-allowed;opacity:.65}@media (max-width:480px){.otp-grid{grid-template-columns:repeat(6,minmax(0,44px));gap:7px}.form-stack .otp-box{border-radius:12px;width:44px;height:54px;font-size:23px}}html{-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%;scroll-padding-block:110px}body{overscroll-behavior-y:none;min-height:100dvh;overflow-x:hidden}button,input,textarea,select{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px!important}input,textarea,select,button{touch-action:manipulation}.app-shell{min-height:100dvh;padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right));padding-bottom:max(32px,env(safe-area-inset-bottom));overflow:clip visible}.form-stack input,.address-grid input,.address-grid textarea,.address-grid select{min-height:50px}.address-grid textarea{resize:vertical}.primary-button,.social-grid button,.text-button{min-height:48px}.consent-list label{min-height:44px;padding-block:5px}.consent-list input{flex:none;width:20px;height:20px}.masterpass-frame{height:min(560px,68dvh);min-height:430px}.center-screen{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}@media (max-width:760px){.app-shell{padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.topbar{gap:8px;height:auto;min-height:66px}.brand-lockup{gap:7px;min-width:0}.brand-cross{flex:none}.brand-lockup strong{min-width:0}.progress-wrap{margin:4px auto 16px}.progress-wrap:before{left:8%;right:8%}.wizard-card{border-radius:22px;min-height:0;padding:42px 16px 24px}.form-stage,.success-stage{margin:10px auto}.form-stage h1{margin-top:16px;font-size:clamp(28px,8vw,33px);line-height:1.08}.form-stage>p,.success-stage>p{font-size:15px;line-height:1.55}.stage-icon{border-radius:16px;width:54px;height:54px}.hero-grid{min-height:0}.hero-grid h1{font-size:clamp(36px,11vw,44px)}.offer-card{min-height:310px;padding:26px}.primary-button{width:100%;padding-inline:16px}.form-stack,.address-grid{gap:14px;margin-top:22px}.address-grid label{min-width:0}.social-grid button{width:100%}.address-summary{padding:16px}.masterpass-frame{border-radius:14px;height:calc(100dvh - 190px);min-height:430px;margin-inline:-8px}.review-grid{gap:10px}.review-box,.request-ticket,.advisor-note{padding:15px}.store-links{align-items:center;min-height:44px}footer{text-align:center;padding-inline:8px;line-height:1.45}.status-card{padding:32px 22px}.back-button{min-height:38px;top:14px;left:10px}.microcopy,.eyebrow{line-height:1.4}}@media (max-width:360px){.brand-lockup .mobiloto-logo{width:96px}.brand-lockup .company-logo{max-width:72px}.wizard-card{padding-inline:12px}.otp-grid{grid-template-columns:repeat(6,minmax(0,40px));gap:5px}.form-stack .otp-box{width:40px;height:50px}.offer-card{padding:22px}.hero-grid h1{font-size:35px}}.keyboard-open body{height:var(--app-height);overflow:auto}.keyboard-open .app-shell{min-height:var(--app-height);padding-top:0}.keyboard-open .topbar,.keyboard-open .progress-wrap,.keyboard-open footer{display:none}.keyboard-open .wizard-card{min-height:var(--app-height);padding-top:24px;padding-bottom:max(20px,env(safe-area-inset-bottom));box-shadow:none;border-radius:0}.keyboard-open .form-stage{margin:0 auto}.keyboard-open .stage-icon{display:none}.keyboard-open .form-stage h1{margin-top:0;font-size:25px}.keyboard-open .form-stage>p{margin-bottom:8px;font-size:14px}.keyboard-open .form-stack,.keyboard-open .address-grid{margin-top:14px}
