:root{--brand:#6657e8;--ink:#172033;--muted:#6b7280;--line:#e3e7ed;--paper:#f7f8f5}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.access-page{background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 27%),radial-gradient(circle at 90% 90%,#dcebc7,transparent 30%),var(--paper)}.access-shell{width:min(1040px,calc(100% - 40px));margin:auto;padding:42px 0 35px}.access-brand,.login-brand,.tenant-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.access-brand img,.login-brand img,.tenant-brand img{display:block;max-width:210px;max-height:48px;object-fit:contain}.access-brand>span,.login-brand>span,.tenant-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);color:#fff;font-size:.72rem;font-weight:900}.access-brand strong,.login-brand strong,.tenant-brand strong{font-size:1.05rem;letter-spacing:-.03em}.access-intro{max-width:680px;margin:60px 0 32px}.access-kicker{display:block;margin-bottom:12px;color:var(--brand);font-size:.67rem;font-weight:850;letter-spacing:.15em}.access-intro h1,.login-side h1,.tenant-login-visual h1{margin:0 0 15px;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:650;letter-spacing:-.065em;line-height:.98}.access-intro p,.login-side p,.tenant-login-visual p,.access-card p,.login-card>p{color:var(--muted)}.access-options{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.access-card{display:flex;min-height:420px;padding:30px;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 20px 50px rgba(23,32,51,.06)}.access-card.featured{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));background:#fff}.access-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:40px;border-radius:14px;background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand)}.access-icon.dark{background:var(--ink);color:#fff}.access-icon svg,.access-help svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.access-card small{color:var(--brand);font-size:.62rem;font-weight:850;letter-spacing:.13em}.access-card h2,.login-card h2{margin:7px 0 7px;font-size:1.55rem;letter-spacing:-.04em}.access-card p{margin:0;max-width:480px}.access-card form{margin-top:auto}.access-card label,.login-card label{display:block;margin:18px 0 7px;font-size:.75rem;font-weight:750}.store-address{display:flex;align-items:center;overflow:hidden;border:1px solid #d8dee7;border-radius:11px;background:#fff}.store-address:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent)}.store-address span{padding:0 0 0 13px;color:#89909c;font-size:.82rem;white-space:nowrap}.store-address input{min-width:0;min-height:48px;flex:1;border:0;padding:0 13px 0 2px;outline:0;color:var(--ink);font:inherit}.access-card button,.access-secondary,.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;margin-top:13px;border:0;border-radius:11px;padding:0 17px;background:var(--ink);color:#fff;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.access-card button:hover,.access-secondary:hover,.login-submit:hover{background:color-mix(in srgb,var(--ink) 88%,var(--brand))}.access-secondary{margin-top:auto;background:#fff;color:var(--ink);border:1px solid #d9dee6}.access-secondary:hover{background:#f7f8fb}.access-help{display:flex;align-items:center;justify-content:center;gap:16px;margin:30px 0 18px;color:#747d89;font-size:.78rem}.access-help a{display:flex;align-items:center;gap:7px;color:#16864b;font-weight:800;text-decoration:none}.access-help svg{width:18px;height:18px}.access-back{display:block;text-align:center;color:#68717e;font-size:.75rem;text-decoration:none}.auth-alert{margin:0 0 17px;padding:11px 13px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b42318;font-size:.77rem}.login-shell,.tenant-login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(380px,.88fr) minmax(460px,1.12fr);background:#fff}.login-side,.tenant-login-visual{display:flex;min-height:100vh;padding:48px clamp(38px,5vw,80px);flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 40%),var(--ink);color:#fff}.login-brand,.tenant-brand{color:#fff}.login-brand>span,.tenant-brand>span{background:#fff;color:var(--ink)}.login-side>div,.tenant-login-visual>div{max-width:560px}.login-side h1,.tenant-login-visual h1{font-size:clamp(2.8rem,5vw,5rem)}.login-side p,.tenant-login-visual p{max-width:480px;color:#c6cfda;font-size:1rem}.login-side ul{margin:28px 0 0;padding:0;list-style:none}.login-side li{padding:9px 0;color:#e5e9ef;font-size:.82rem}.login-side li:before{content:"✓";margin-right:9px;color:#b5e776}.login-side>small{color:#8f9bad;font-size:.68rem}.login-form-wrap{display:grid;place-items:center;padding:40px;background:linear-gradient(145deg,#fff,#f7f8fb)}.login-card{width:min(100%,450px)}.login-back{display:inline-block;margin-bottom:70px;color:#717986;font-size:.75rem;text-decoration:none}.login-card h2{font-size:2rem}.login-card>p{margin:5px 0 30px}.login-card input{width:100%;min-height:50px;border:1px solid #dce1e8;border-radius:10px;padding:0 13px;color:var(--ink);background:#fff;font:inherit}.login-card input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent)}.password-field{position:relative}.password-field input{padding-right:74px}.password-field button{position:absolute;top:6px;right:6px;height:38px;border:0;background:transparent;color:var(--brand);font-size:.7rem;font-weight:800;cursor:pointer}.login-submit{margin-top:24px;background:var(--brand)}.whatsapp-help{display:block;margin-top:19px;color:#16864b;text-align:center;font-size:.74rem;font-weight:750;text-decoration:none}.tenant-login-visual{background:radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--brand) 45%,transparent),transparent 46%),var(--ink)}.view-store{display:flex;align-items:center;justify-content:space-between;max-width:230px;padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.75rem;font-weight:750;text-decoration:none}
@media(max-width:800px){.access-shell{padding-top:25px}.access-intro{margin:40px 0 25px}.access-options{grid-template-columns:1fr}.access-card{min-height:360px}.login-shell,.tenant-login-shell{grid-template-columns:1fr}.login-side,.tenant-login-visual{min-height:auto;padding:28px 25px 42px}.login-side>div,.tenant-login-visual>div{margin:70px 0 35px}.login-side h1,.tenant-login-visual h1{font-size:clamp(2.5rem,12vw,4rem)}.login-side ul,.login-side>small{display:none}.login-form-wrap{min-height:620px;padding:38px 24px}.login-back{margin-bottom:48px}}
@media(max-width:480px){.access-shell{width:min(100% - 24px,1040px)}.access-card{padding:23px;border-radius:17px}.access-icon{margin-bottom:28px}.access-help{align-items:flex-start;flex-direction:column;gap:6px;padding:0 10px}.store-address span{display:none}.store-address input{padding-left:13px}.login-form-wrap{padding:32px 19px}.login-card h2{font-size:1.75rem}}