body:has(.business-login){background:#eaece7 url('/assets/marketing/restaurant-hero.webp') center/cover fixed;--ink:#092c3c;--muted:#6d7c87;--brand:#006272;--line:#dfe6ea;}
.guest-content:has(.business-login){padding:22px;max-width:none;min-height:100dvh;}
.business-login{max-width:1470px;margin:auto;padding:30px 40px 36px;border:1px solid #fff;border-radius:30px;background:linear-gradient(100deg,#ffffffed,#ffffffb8 48%,#ffffff36);box-shadow:0 20px 80px #071c322b;backdrop-filter:blur(14px);}
.business-login-header{display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr;margin-bottom:22px;}
.login-wordmark{display:inline-flex;align-items:center;gap:12px;color:#092b3c;text-decoration:none;direction:ltr;max-width:100%;}
.login-wordmark>img{width:55px;height:70px;object-fit:contain;}
.login-wordmark>span{display:flex;flex-direction:column;}
.login-wordmark b{font-size:34px;line-height:1.25;letter-spacing:-1.3px;font-family:Arial,sans-serif;}
.login-wordmark b>span{color:#087dff;}
.login-wordmark small{font-size:10px;letter-spacing:.2px;color:#506376;}
.business-login-language select{min-height:46px;border-radius:16px;background:#fff;border:1px solid #dce4e9;min-width:145px;}
.business-login-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(350px,.9fr);gap:50px;direction:ltr;align-items:center;}
.business-login-grid>section{direction:ltr;min-width:0;}
html[dir=rtl] .business-login-grid>section{direction:rtl;}
.business-login-story{padding:0 5px;text-align:center;}
.business-login-story h1{font-size:clamp(32px,4vw,58px);line-height:1.4;margin:0 auto 15px;max-width:560px;font-weight:800;letter-spacing:-1px;}
.business-login-story>p{font-size:18px;line-height:1.9;color:#677783;margin:0 auto 25px;max-width:560px;}
.login-industries{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:25px 0;}
.login-industries>div{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#fffefc;border:1px solid #e6e3df;border-radius:20px;padding:18px 5px;min-height:105px;box-shadow:0 5px 12px #22222203;}
.login-industries svg{width:29px;height:29px;color:#0c88f9;}
.login-industries>div:first-child svg{color:#f05255;}.login-industries>div:nth-child(2) svg{color:#19a96d;}.login-industries>div:nth-child(4) svg{color:#7e55f4;}.login-industries>div:last-child svg{color:#ea951c;}
.login-industries span{font-size:12px;line-height:1.6;}
.business-login-card{background:#fffffffa;border:1px solid #fff;border-radius:26px;box-shadow:0 15px 50px #23323812;padding:40px 34px;text-align:start;}
.business-login-card>.login-wordmark{display:flex;justify-content:center;margin:0 auto 25px;}
.business-login-card h2{font-size:35px;line-height:1.5;margin:0;text-align:center;}
.login-intro{text-align:center;font-size:15px;line-height:1.8;color:#798491;margin:8px 0 30px;}
.business-login-card label{display:block;font-size:14px;font-weight:500;margin:19px 0 8px;}
.login-input{display:flex;align-items:center;gap:10px;min-height:55px;padding:0 13px;border:1px solid #dce2e8;border-radius:14px;background:#fff;direction:ltr;}
.login-input:focus-within{border-color:#147e8e;box-shadow:0 0 0 3px #00627213;}
.login-input>span svg{width:21px;height:21px;color:#8b96a2;display:block;}
.business-login-card .login-input input{min-width:0;flex:1;width:100%;border:0;box-shadow:none;background:transparent;padding:13px 0;font-size:15px;outline:0;}
.login-input input::placeholder{color:#a8b0bd;}
.login-password-toggle{border:0;background:transparent;color:#82919d;width:40px;height:44px;padding:8px;display:grid;place-items:center;flex-shrink:0;}
.login-password-toggle svg{width:24px;height:24px;}
.login-password-toggle[aria-pressed=true] .eye-slash{display:none;}
.login-recovery{display:flex;justify-content:flex-end;margin:16px 0 20px;}
.login-recovery a{font-size:12px;color:#0879ed;line-height:1.7;}
.business-login-card .login-submit{margin:0;min-height:57px;border-radius:14px;background:linear-gradient(100deg,#007887,#005462);font-size:17px;justify-content:center;gap:18px;}
html[dir=rtl] .login-submit>span{transform:rotate(180deg);}
.business-login-note{border-top:1px solid #edf0f2;padding-top:22px;margin-top:25px;color:#7d8b95;font-size:12px;line-height:1.9;text-align:center;}
.login-trust{display:flex;align-items:center;justify-content:center;gap:20px;background:#fffffff0;border-radius:20px;padding:17px 12px;margin-top:25px;}
.login-trust span{display:flex;align-items:center;gap:7px;font-size:12px;}
.login-trust i{display:grid;place-items:center;background:#006475;color:#fff;border-radius:50%;height:21px;width:21px;font-style:normal;}
.login-device-preview{max-width:550px;margin:30px auto 0;transform:perspective(1000px) rotateY(-6deg) rotateX(3deg);border-bottom:12px solid #b8bec4;border-radius:18px;box-shadow:0 20px 30px #22323f2e;overflow:hidden;direction:rtl;}
.business-login .product-window{border:8px solid #153040;border-radius:17px 17px 0 0;background:#f4f8ff;text-align:start;}
.business-login .window-bar{display:flex;justify-content:space-between;background:#fff;padding:6px 12px;font:8px Arial;color:#879ab0;}
.business-login .window-dots{display:flex;gap:4px;}.business-login .window-dots i{width:4px;height:4px;border-radius:50%;background:#b9d9e8;}
.business-login .product-interior{display:grid;grid-template-columns:65px 1fr;direction:ltr;}
.business-login .product-sidebar{background:#092f42;display:flex;flex-direction:column;align-items:center;padding:10px 4px;gap:13px;color:#c9e4f2;}
.business-login .product-sidebar>span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:6px;}.business-login .product-sidebar svg{width:15px;height:15px;}.business-login .product-sidebar img{width:25px;height:30px;}
.business-login .product-dashboard{padding:14px;direction:rtl;}.business-login .product-welcome{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:10px;}.business-login .product-avatar img{width:15px;height:18px;}
.business-login .product-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.business-login .product-metrics>div{display:flex;flex-direction:column;padding:10px;background:#fff;border:1px solid #dfebfa;border-radius:7px;}.business-login .product-metrics small{font-size:7px;color:#648197;}.business-login .product-metrics b{font-size:17px;}.business-login .metric-spark{display:none;}
.business-login .product-chart{margin-top:10px;padding:9px;background:#fff;border-radius:7px;}.business-login .product-chart>div{display:flex;justify-content:space-between;font-size:8px;}.business-login .product-chart svg{width:100%;height:90px;}
.business-login .product-activity{display:none;}
@media(max-width:1050px){.business-login{padding:25px;}.business-login-grid{gap:25px;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);}.business-login-card{padding:32px 24px;}.business-login-story h1{font-size:36px;}.business-login-story>p{font-size:15px;}.login-industries{gap:7px;}.login-industries span{font-size:10px;}.login-trust{gap:9px;}.login-trust span{font-size:10px;}}
@media(max-width:760px){.guest-content:has(.business-login){padding:12px;}.business-login{padding:18px;border-radius:24px;}.business-login-header{margin-bottom:20px;gap:10px;}.business-login-header .login-wordmark b{font-size:23px;}.business-login-header .login-wordmark small{font-size:7px;}.business-login-header .login-wordmark>img{width:34px;height:44px;}.business-login-language select{min-width:110px;max-width:140px;font-size:12px;}.business-login-grid{display:flex;flex-direction:column;gap:25px;}.business-login-card{width:100%;order:0;padding:30px 22px;}.business-login-story{order:1;}.business-login-story h1{font-size:29px;}.business-login-story>p{font-size:14px;}.business-login-card h2{font-size:29px;}.business-login-card>.login-wordmark b{font-size:30px;}.login-device-preview{display:none;}.login-industries{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px;}.login-industries>div{min-height:85px;padding:12px 5px;}.login-industries span{font-size:11px;}.login-trust{gap:12px;flex-wrap:wrap;margin:0;}.login-intro{font-size:13px;margin-bottom:22px;}}
@media(prefers-reduced-motion:reduce){.login-device-preview{transform:none;}}