/* Customer-first entry; staff links remain readable and easy to tap. */
.auth-mode header .welcome-logo{display:none}.auth-mode header{justify-content:flex-end}
@media(prefers-reduced-motion:reduce){.welcome-logo.is-playing .stone-face,.welcome-logo.is-playing .stone-shadow,.welcome-logo.is-playing .stone-dust::before,.welcome-logo.is-playing .stone-dust::after,.welcome-logo.is-playing .stone-dust i{animation:none}.welcome-logo .stone-dust{display:none}}
.welcome-logo{position:relative;display:grid;place-items:end center;width:132px;height:70px;padding:0 5px 13px;border:0;background:transparent;border-radius:15px;isolation:isolate;overflow:visible}.welcome-logo .stone-logo{gap:2px}.welcome-logo .logo-stone{width:27px;height:28px}.welcome-logo .stone-shadow{height:5px;bottom:-2px}.welcome-logo .stone-dust::before,.welcome-logo .stone-dust::after{width:26px;height:12px}.welcome-stone-ground{position:absolute;left:7px;right:7px;bottom:12px;height:2px;background:linear-gradient(90deg,transparent,#aebddd 22%,#aebddd 78%,transparent)}.welcome-logo:after{content:'შეეხე';position:absolute;left:50%;bottom:-5px;padding:2px 7px;border-radius:10px;background:#eef3ff;color:#657596;font-size:8px;font-weight:700;white-space:nowrap;opacity:0;transform:translate(-50%,0);transition:.2s}.welcome-logo:hover:after,.welcome-logo:focus-visible:after{opacity:1;transform:translate(-50%,4px)}.welcome-logo.is-playing .stone-face{animation:stone-fall 1.05s linear var(--start) both}.welcome-logo.is-playing .stone-shadow{animation:stone-land-shadow 1.05s linear var(--start) both}.welcome-logo.is-playing .stone-dust::before,.welcome-logo.is-playing .stone-dust::after{animation:stone-dust-cloud .7s ease-out var(--impact) both}.welcome-logo.is-playing .stone-dust i{animation:stone-dust-grain .65s ease-out var(--impact) both}
main{max-width:760px}header{margin-bottom:52px}.roles{display:flex;flex-direction:column;gap:28px}.roles>button[data-role="customer"]{display:flex;flex-direction:column;gap:16px;padding:32px;min-height:250px;background:radial-gradient(circle at 88% 18%,#a77bff 0 7%,transparent 28%),radial-gradient(circle at 15% 118%,#00c7ff55 0 18%,transparent 42%),linear-gradient(125deg,#075ee7 0%,#3449e9 48%,#7336df 100%);border:1px solid #ffffff42;color:white;box-shadow:0 20px 48px #304dcc38,0 2px 0 #ffffff33 inset;transition:transform .25s ease,box-shadow .25s ease}.roles>button[data-role="customer"]:before{content:'•••';position:absolute;right:28px;top:24px;color:#ffffff80;font-size:18px;letter-spacing:7px;text-shadow:0 18px #ffffff4d,0 36px #ffffff26}.roles>button[data-role="customer"]:after{width:270px;height:270px;right:-92px;top:-88px;border:1px solid #ffffff1f;background:linear-gradient(145deg,#ffffff16,transparent 58%);box-shadow:0 0 0 34px #ffffff09,0 0 0 68px #ffffff06}.customer-visual{position:absolute;right:23px;bottom:24px;width:184px;height:112px;border:1px solid #ffffff2e;border-radius:24px;background:linear-gradient(145deg,#ffffff20,#ffffff09);box-shadow:0 18px 35px #1a21834a,0 1px 0 #ffffff52 inset;backdrop-filter:blur(8px);z-index:1}.product-bubble,.delivery-bubble{position:absolute;display:grid;place-items:center;font-style:normal;background:#fff;border:3px solid #ffffffa6;box-shadow:0 8px 16px #171e7d3d}.product-bubble{width:42px;height:42px;border-radius:15px;font-size:21px}.product-apple{left:15px;top:13px;transform:rotate(-7deg)}.product-bread{left:65px;top:20px;transform:rotate(6deg)}.product-milk{left:116px;top:10px;transform:rotate(-3deg)}.delivery-route{position:absolute;left:27px;right:28px;bottom:26px;height:2px;border-top:2px dashed #ffffff9c}.delivery-route:before,.delivery-route:after{content:'';position:absolute;top:-5px;width:8px;height:8px;border-radius:50%;background:#ffbf47;box-shadow:0 0 0 4px #ffbf4733}.delivery-route:before{left:-2px}.delivery-route:after{right:-2px}.delivery-bubble{right:15px;bottom:11px;width:38px;height:38px;border-radius:50%;font-size:19px;animation:courier-float 2.8s ease-in-out infinite}.roles>button[data-role="customer"] strong{font-size:26px;letter-spacing:-.25px;text-shadow:0 2px 12px #172b8d45}.roles>button[data-role="customer"]>span:not(.icon):not(.customer-visual){color:#f4f5ff;font-size:16px}.roles>button[data-role="customer"] b{display:flex;align-items:center;justify-content:space-between;min-width:220px;color:#1948cf;background:#fff;padding:13px 18px;border-radius:14px;align-self:flex-start;box-shadow:0 10px 24px #172b8d35;transition:transform .2s ease,box-shadow .2s ease;z-index:2}.roles>button[data-role="customer"] b span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf2ff;color:#3157de}.roles>button[data-role="customer"] .icon{background:linear-gradient(145deg,#ffffff32,#ffffff13);border:1px solid #ffffff52;box-shadow:0 10px 24px #172b8d2e,0 1px 0 #ffffff5c inset}.roles>button[data-role="customer"]:hover{transform:translateY(-3px);box-shadow:0 26px 56px #304dcc48,0 2px 0 #ffffff42 inset}.roles>button[data-role="customer"]:hover b{transform:translateX(3px);box-shadow:0 13px 28px #172b8d42}@keyframes courier-float{0%,100%{transform:translateX(0) rotate(-3deg)}50%{transform:translateX(-10px) rotate(3deg)}}.staff-entry{display:flex;justify-content:center;gap:16px}.roles .staff-entry button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:10px;background:transparent;border:1px solid #dbe1eb;box-shadow:none;color:#52617b;font-size:13px}.roles .staff-entry button span{color:inherit;font-size:14px}.roles .staff-entry button:hover{background:#eaf0fb;border-color:#aabbdc}footer{margin-top:32px}@media(max-width:650px){main{padding-top:24px}header{margin-bottom:42px}.roles>button[data-role="customer"]{padding:24px;gap:14px;min-height:330px}.roles>button[data-role="customer"]:before{right:18px;top:18px}.roles>button[data-role="customer"] strong{font-size:24px}.roles>button[data-role="customer"]>span:not(.icon):not(.customer-visual){font-size:15px}.roles>button[data-role="customer"] b{min-width:212px}.customer-visual{position:relative;right:auto;bottom:auto;order:4;width:100%;height:96px;margin-top:2px}.product-bubble{width:38px;height:38px;font-size:19px}.product-apple{left:16px;top:11px}.product-bread{left:64px;top:16px}.product-milk{left:111px;top:9px}.delivery-bubble{right:14px;bottom:9px}.staff-entry{gap:12px}}@media(prefers-reduced-motion:reduce){.delivery-bubble{animation:none}}