:root{--mf-blue:#003da5;--mf-yellow:#ffc400;--mf-ink:#15345f;--mf-soft:#f4f7fb;--mf-line:#dbe5f2}
.mf-prod-access-page{margin:0;min-height:100dvh;background:linear-gradient(180deg,#eef5ff 0,#fff 58%);font-family:Kanit,Prompt,system-ui,sans-serif;color:var(--mf-ink)}
.mf-prod-access-shell{width:min(440px,calc(100% - 28px));margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.mf-prod-access-head{text-align:center;margin-bottom:22px}.mf-prod-mark{width:68px;height:68px;margin:0 auto 14px;border-radius:22px;background:var(--mf-blue);color:var(--mf-yellow);display:grid;place-items:center;font-size:28px;font-weight:900;box-shadow:0 12px 28px rgba(0,61,165,.22)}
.mf-prod-access-head h1{margin:0;font-size:26px;line-height:1.2;color:#0d2d59}.mf-prod-choice-list{display:grid;gap:14px}
.mf-prod-choice{min-height:82px;border-radius:22px;padding:14px 18px;display:grid;grid-template-columns:52px 1fr 24px;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:800;box-shadow:0 12px 30px rgba(14,53,100,.12);transition:transform .18s ease,box-shadow .18s ease}
.mf-prod-choice:active{transform:scale(.985)}.mf-prod-choice-customer{background:var(--mf-yellow);color:#17345c}.mf-prod-choice-driver{background:var(--mf-blue);color:#fff}.mf-prod-choice-icon{width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.82);display:grid;place-items:center;font-size:28px}.mf-prod-choice-driver .mf-prod-choice-icon{background:rgba(255,255,255,.14)}.mf-prod-choice-arrow{font-size:34px;line-height:1;text-align:right}
.mf-prod-login-link{text-align:center;margin:24px 0 0;font-weight:700}.mf-prod-login-link a{color:var(--mf-blue);font-weight:900;text-decoration:none}
.mf63467-access-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 2px}.mf63467-access-choices a{min-height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:900;padding:10px;text-align:center}.mf63467-access-choices a:first-child{background:var(--mf-yellow);color:#17345c}.mf63467-access-choices a:last-child{background:var(--mf-blue);color:#fff}.mf63467-login-caption{text-align:center;margin:10px 0 0;font-size:13px;color:#60738f}
@media(max-width:380px){.mf-prod-access-shell{width:min(100% - 20px,440px)}.mf-prod-choice{min-height:72px;border-radius:18px;font-size:18px}.mf-prod-choice-icon{width:46px;height:46px}.mf63467-access-choices{grid-template-columns:1fr}}