.auth-page{font-family:"IBM Plex Sans Arabic",Arial,sans-serif;margin:0;color:#082f4d;--auth-ink:#082f4d;--auth-paper:#fffdf7;--auth-line:#e7dfcd;--auth-muted:#687574;--auth-amber:#ffca36;--auth-halo:#f6c875;background:#faf7ef}.auth-page [hidden]{display:none!important}.auth-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;max-width:1160px;margin:40px auto 64px;padding:0 24px;align-items:start}.auth-atmosphere{position:sticky;top:108px;min-height:680px;overflow:hidden;border-radius:28px;background:#092d3d;color:#fff6df;isolation:isolate}.auth-atmosphere:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#8a633d44,transparent 65%);pointer-events:none}.auth-scene-kicker{position:absolute;top:30px;right:28px;font:500 9px/1.5 Inter,Arial,sans-serif;letter-spacing:2px;color:#d6c8a9}.auth-lamp-switch{position:absolute;top:58px;right:28px;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e8d9b333;border-radius:20px;background:#ffffff0b;color:#f8e7bd;min-height:40px;cursor:pointer;font:500 11px 'IBM Plex Sans Arabic',sans-serif}.auth-lamp-switch:focus-visible{outline:2px solid var(--auth-amber);outline-offset:4px}.auth-lamp-switch span:first-child{color:#ffcf5c;font-size:18px}.auth-lamp-art{position:absolute;inset:0;pointer-events:none}.auth-lamp{position:absolute;width:82%;height:250px;left:9%;top:-25px;z-index:1}.auth-light-cone{position:absolute;width:88%;height:330px;top:130px;left:6%;opacity:.1;background:radial-gradient(ellipse at 50% 0,#f7ca72aa,transparent 72%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);transition:opacity .3s ease-out}.is-lit .auth-light-cone{opacity:1}.auth-cup{position:absolute;width:84%;left:8%;top:230px;filter:drop-shadow(0 12px 18px #0003)}.auth-steam{opacity:.1}.is-lit .auth-steam{animation:rayeq-steam 4s ease-in-out infinite}.is-lit .steam-two{animation-delay:1.2s}.is-lit .steam-three{animation-delay:2.4s}.auth-atmosphere:not(.is-lit) .auth-lamp{opacity:.45}.auth-atmosphere:not(.is-lit) .auth-cup{opacity:.65}.auth-scene-copy{position:absolute;bottom:32px;right:32px;left:32px}.auth-scene-eyebrow{font-size:12px;color:#f4ce85}.auth-scene-copy :is(h1,h2){font-size:38px;font-weight:600;line-height:1.45;margin:12px 0 10px;color:#fff6df}.auth-scene-copy p{font-size:13px;line-height:1.9;color:#d3d5c8;max-width:340px}.auth-scene-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.auth-scene-benefits span{border:1px solid #dbd9b22b;border-radius:20px;padding:5px 10px;font-size:10px;color:#e4d9ba}.auth-form-shell{min-width:0;padding:12px 44px 32px;color:var(--auth-ink)}.auth-mode-tabs{display:flex;border:1px solid var(--auth-line);background:#eee9dc;border-radius:16px;padding:5px;gap:5px;margin-bottom:40px}.auth-mode-tabs a{flex:1;text-align:center;text-decoration:none;padding:10px;min-height:44px;box-sizing:border-box;font-size:14px;font-weight:500;color:var(--auth-ink);border-radius:12px}.auth-mode-tabs a[aria-selected=true]{background:var(--auth-paper);box-shadow:0 2px 6px #513e2410}.auth-mode-tabs a:focus-visible{outline:2px solid var(--auth-ink);outline-offset:-3px}.auth-form-heading{margin:0 0 28px}.auth-eyebrow{font-size:11px;color:#8b7049}.auth-form-heading h2{font-size:29px;line-height:1.5;margin:8px 0;font-weight:600}.auth-form-heading p{font-size:13px;color:var(--auth-muted);line-height:1.8;margin:0}.auth-form-shell label{font-size:12px;font-weight:500;display:grid;gap:8px;min-width:0}.auth-form-shell input:not([type=radio]){width:100%;min-width:0;box-sizing:border-box;min-height:48px;border:1px solid var(--auth-line);border-radius:12px;background:#f5f1e7;color:var(--auth-ink);font:400 14px 'IBM Plex Sans Arabic',Arial,sans-serif;padding:12px 14px;box-shadow:inset 2px 2px 4px #77664c08,inset -2px -2px 3px #fff9}.auth-form-shell input:focus{outline:2px solid #c49532;outline-offset:2px}.auth-form-shell input[aria-invalid=true]{border-color:#a54031}.auth-form-shell input[dir=ltr]{text-align:left}.auth-password-field{position:relative;display:block}.auth-password-field input{padding-left:64px!important}.auth-password-field button{position:absolute;left:4px;top:4px;bottom:4px;min-width:52px;background:transparent;border:0;font:500 11px 'IBM Plex Sans Arabic',sans-serif;color:var(--auth-ink);border-radius:8px;cursor:pointer}.auth-password-field button:focus-visible{outline:2px solid var(--auth-ink)}.auth-form-shell small{font-size:10px;color:var(--auth-muted);font-weight:400}.auth-login-form{gap:20px}.auth-forgot{font-size:12px;color:var(--auth-ink);justify-self:start;text-underline-offset:4px}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;border:1px solid #ebba34;border-radius:12px;padding:12px 20px;background:var(--auth-amber);color:var(--auth-ink);box-shadow:0 3px 8px #98742412;font:600 14px 'IBM Plex Sans Arabic',Arial,sans-serif;cursor:pointer}.auth-submit:hover{background:#ffd45b}.auth-submit:focus-visible,.auth-back:focus-visible{outline:2px solid var(--auth-ink);outline-offset:3px}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-back{min-height:44px;padding:8px 16px;background:#f7f3e9;border:1px solid var(--auth-line);border-radius:12px;font:500 12px 'IBM Plex Sans Arabic',sans-serif;color:var(--auth-ink);cursor:pointer}.auth-back:disabled{opacity:.5;cursor:not-allowed}.auth-switch-copy{font-size:12px;text-align:center;color:var(--auth-muted);margin-top:24px}.auth-switch-copy a{color:var(--auth-ink);text-underline-offset:4px}.auth-form-shell #register{border:0;box-shadow:none;background:transparent;padding:0;margin:0;border-radius:0}.auth-form-shell #register>summary{cursor:pointer;min-height:44px}.auth-enhanced #register>summary{display:none}.auth-progress{display:flex;list-style:none;padding:0;gap:12px;margin:0 0 24px}.auth-progress li{flex:1;display:flex;gap:6px;align-items:center;font-size:11px;color:var(--auth-muted);border-bottom:2px solid var(--auth-line);padding-bottom:12px}.auth-progress b{display:inline-grid;place-items:center;width:24px;height:24px;background:#e9e3d6;border-radius:50%;font:600 11px Inter,Arial,sans-serif}.auth-progress [aria-current=step]{color:var(--auth-ink);border-bottom-color:#cc9e39}.auth-progress [aria-current=step] b{background:var(--auth-amber)}.auth-progress .is-complete b{background:#dce4d4;color:#335343}.auth-step{border:0;padding:0;margin:0;min-width:0}.auth-step legend{font-size:16px;font-weight:600;margin-bottom:20px}.auth-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth-field-wide{grid-column:1/-1}.auth-customer-types{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.auth-customer-types label{position:relative;cursor:pointer}.auth-customer-types input{position:absolute;opacity:0;inset-inline-start:12px;top:12px;width:16px;height:16px}.auth-customer-types label>span{display:grid;gap:4px;padding:14px;border:1px solid var(--auth-line);border-radius:14px;background:#f7f3e9}.auth-customer-types b{font-size:14px;font-weight:600}.auth-customer-types input:checked+span{border-color:#bf9439;background:#fff5d5;box-shadow:inset 0 0 0 1px #bf943933}.auth-customer-types input:focus-visible+span{outline:2px solid var(--auth-ink);outline-offset:3px}.auth-business-fields{border:0;padding:20px 0 0;margin:20px 0 0;min-width:0;border-top:1px solid var(--auth-line)}.auth-business-fields legend{font-size:13px;margin:0;padding:0}.auth-business-fields p,.auth-map-caption,.auth-review-caption{font-size:12px;color:var(--auth-muted);line-height:1.9;margin:8px 0 16px}.auth-next,.auth-prev{display:none}.auth-enhanced .auth-next,.auth-enhanced .auth-prev{display:inline-flex}.auth-step-actions{display:flex;gap:12px;margin-top:24px;align-items:center}.auth-step-actions .auth-submit{flex:1}.auth-step-actions .auth-back{flex-shrink:0}.auth-register-form .delivery-location{margin-top:16px;gap:12px}.auth-page #delivery-map{height:280px;border-radius:16px;overflow:hidden;background:#e9e7df;border:1px solid var(--auth-line);isolation:isolate;z-index:0}.auth-map-actions{display:flex;gap:8px;flex-wrap:wrap}.auth-page #delivery-google-link{font-size:12px;color:var(--auth-ink)}.auth-page #delivery-location-status{font-size:12px;line-height:1.8;margin:0;color:var(--auth-muted)}.auth-review{margin:20px 0}.auth-review>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;border-bottom:1px solid var(--auth-line);padding:12px 0;font-size:13px}.auth-review dt{color:var(--auth-muted);font-size:11px}.auth-review dd{margin:0;overflow-wrap:anywhere}.auth-privacy{font-size:10px;line-height:1.8;color:var(--auth-muted);text-align:center;margin:16px 0}.auth-page #auth-form-status:empty{display:none}.auth-page #auth-form-status{font-size:12px;color:#9c3b2d;line-height:1.8}.auth-step.is-entering{animation:rayeq-auth-enter .24s ease-out}.business-price-notice{font-size:12px;font-weight:600;color:#526a49;line-height:1.8}.business-order-details{border-top:1px solid #e7dfcd;margin-top:16px;padding-top:12px}.business-order-details p{font-size:13px}@keyframes rayeq-steam{0%,100%{opacity:.08;transform:translateY(6px)}50%{opacity:.65;transform:translateY(-9px)}}@keyframes rayeq-auth-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.auth-form-shell{padding-inline:28px}.auth-shell{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.auth-scene-copy{right:24px;left:24px}.auth-scene-copy :is(h1,h2){font-size:32px}}@media(max-width:760px){.auth-shell{grid-template-columns:1fr;gap:28px;margin:20px auto 40px;padding:0 16px;max-width:590px}.auth-atmosphere{position:relative;top:auto;min-height:260px;border-radius:24px}.auth-scene-kicker{top:18px;right:20px;font-size:7px;letter-spacing:1px}.auth-lamp-switch{top:42px;right:20px;min-height:34px;padding:4px 10px;font-size:10px}.auth-lamp{width:220px;height:160px;left:calc(25% - 110px);top:-40px}.auth-light-cone{left:0;width:53%;height:220px;top:60px}.auth-cup{width:180px;left:calc(25% - 90px);top:105px}.auth-scene-copy{right:20px;left:auto;width:51%;bottom:24px}.auth-scene-eyebrow{display:none}.auth-scene-copy :is(h1,h2){font-size:25px;margin:8px 0}.auth-scene-copy p{font-size:10px;line-height:1.7;max-width:180px;margin-bottom:0}.auth-scene-benefits{display:none}.auth-form-shell{padding:0 8px 20px}.auth-mode-tabs{margin-bottom:28px}.auth-form-heading h2{font-size:26px}.auth-fields{gap:14px}.auth-form-shell input:not([type=radio]){font-size:14px;padding:12px;min-height:48px}.auth-page #delivery-map{height:260px}.auth-password-field input{padding-left:48px!important}.auth-password-field button{min-width:40px;font-size:10px}.auth-review>div{grid-template-columns:90px minmax(0,1fr);gap:12px}.auth-progress{gap:8px}.auth-progress li{font-size:10px}}@media(max-width:380px){.auth-fields{grid-template-columns:1fr}.auth-field-wide{grid-column:auto}.auth-scene-copy :is(h1,h2){font-size:22px}}@media(prefers-reduced-motion:reduce){.auth-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.is-lit .auth-steam{opacity:.45}}

.is-lit .auth-light-cone{animation:rayeq-glow-breathe 6s ease-in-out infinite}@keyframes rayeq-glow-breathe{0%,100%{opacity:.75}50%{opacity:1}}.auth-verification{max-width:650px;padding:0 20px;margin:48px auto 64px;min-height:60vh}.auth-verification .auth-form-shell{padding:32px;border-top:4px solid #e5bb55}.auth-verification h1{font-size:25px;line-height:1.6}.auth-verification input[name=code]{font-size:24px;letter-spacing:.4em;text-align:center;min-height:60px}.auth-verification .auth-form-shell p{font-size:13px;line-height:1.9}.auth-verification .auth-form-shell>a{font-size:12px;color:var(--auth-ink)}.auth-verification .auth-form-shell>form{margin:24px 0}.auth-verification .auth-form-shell .action{font-size:14px}@media(prefers-reduced-motion:reduce){.is-lit .auth-light-cone{animation:none!important}}

.auth-password-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth-form-shell .auth-password-label{display:grid;grid-template-rows:auto 48px auto;align-content:start;gap:8px}.auth-password-label .auth-password-field input{height:48px}.auth-password-label>small{min-height:16px;margin:0}@media(max-width:760px){.auth-password-row{gap:12px}.auth-password-label{font-size:11px!important}}

.auth-customer-types input[value="business"]+span{background:linear-gradient(145deg,#173f50,#082f4d);border-color:#315769;box-shadow:0 4px 12px #082f4d14}.auth-customer-types input[value="business"]+span b{color:#ffdc83;font-weight:700}.auth-customer-types input[value="business"]+span small{color:#e0e9e8}.auth-customer-types label:hover input[value="business"]+span{background:linear-gradient(145deg,#205166,#0c3a57)}.auth-customer-types input[value="business"]:checked+span{border-color:#d8a63a;background:linear-gradient(145deg,#205166,#082f4d);box-shadow:0 0 0 2px #e4b64d66,0 5px 16px #c79c3426}.auth-customer-types input[value="business"]:focus-visible+span{outline-color:#b5811e;outline-offset:4px}
