:root{--ink:#101b3f;--green:#1465ec;--mint:#e9f4ff;--cream:#f7f9ff;--line:#dfe6f4;--red:#d74655;--brand-blue:#1465ec;--brand-cyan:#24bdd4;--brand-violet:#8b6cf2;--brand-cobalt:#123fbd}body{background:radial-gradient(circle at 8% 0%,#eefaff 0,transparent 28%),radial-gradient(circle at 92% 6%,#f2edff 0,transparent 25%),var(--cream)}.brand span,.store-logo,.offline-icon{background:linear-gradient(145deg,var(--brand-blue),var(--brand-cyan) 48%,var(--brand-violet))}.brand img{object-fit:cover}.btn,.add{background:linear-gradient(105deg,var(--brand-blue),var(--brand-violet));box-shadow:0 8px 22px #1465ec24}.btn:hover{filter:saturate(1.12);transform:translateY(-1px)}.stats .hero-stat{background:linear-gradient(125deg,#123fbd,#1465ec 52%,#8b6cf2);box-shadow:0 18px 40px #244fca2b}.eyebrow,.panel-title a,.auth-card>small a{color:var(--brand-blue)}.nav-cta{background:linear-gradient(105deg,var(--brand-blue),var(--brand-violet));color:white!important}.owner-link{color:var(--brand-violet)!important}.phone-card{background:linear-gradient(145deg,#0d287e,#164eca 55%,#755ce8);box-shadow:0 35px 80px #244fca35}.bars i{background:linear-gradient(#2dd0da,#8b6cf2)}.flash{background:#e9f4ff;color:#164eca}.tenant-cover.theme-emerald{background:linear-gradient(135deg,#dff8ff,#e9e4ff)}.discover-hero{background:linear-gradient(128deg,#0e2b85,#1465ec 55%,#8b6cf2);color:white}.discover-hero .eyebrow{color:#9de9f2}.install-app{background:linear-gradient(105deg,var(--brand-blue),var(--brand-violet))}@media(display-mode:standalone){body{background-color:#f7f9ff}}
.public-main{min-height:calc(100vh - 72px)}.top .brand img{width:40px;height:40px;border-radius:12px}.top .brand b{font-size:19px}.top .brand b span{color:#1465ec;background:none;display:inline;width:auto;height:auto}.top .nav-cta{padding:9px 14px;border-radius:9px}.lb-hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;max-width:1180px;margin:auto;padding:80px 24px}.lb-hero h1{font-size:clamp(54px,7vw,90px);letter-spacing:-5px;margin:14px 0 24px}.lb-hero h1 em{font-style:normal;background:linear-gradient(90deg,#1465ec,#24bdd4,#8b6cf2);-webkit-background-clip:text;color:transparent}.lb-hero>div>p:not(.eyebrow){font-size:20px;color:#52617f;max-width:640px}.hero-search{background:white;padding:8px;border:1px solid #dfe6f4;border-radius:16px;display:flex;max-width:600px;box-shadow:0 20px 60px #194db718;margin:30px 0}.hero-search input{border:0;margin:0;outline:0}.hero-proof{display:flex;align-items:center;gap:12px}.hero-proof b{font-size:28px;color:#1465ec}.hero-proof span{color:#63708b}.hero-brand-art{position:relative;display:grid;place-items:center}.hero-brand-art>img{width:min(520px,100%);border-radius:32px;box-shadow:0 40px 100px #254fc22b}.floating-card{position:absolute;background:#fffc;padding:14px 18px;border:1px solid white;border-radius:14px;box-shadow:0 12px 35px #10215a24;font-weight:750;backdrop-filter:blur(12px)}.floating-card.one{left:-10px;top:22%}.floating-card.two{right:-10px;bottom:18%}.category-strip{max-width:1180px;margin:0 auto 90px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-strip a{background:white;border:1px solid #dfe6f4;border-radius:14px;padding:15px;font-weight:700}.category-strip span{color:#1465ec;margin-right:8px}.home-section,.directory{max-width:1180px;margin:auto;padding:50px 24px 100px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-head h2{font-size:35px;margin:0}.section-head>a{color:#1465ec;font-weight:800}.tenant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tenant-card{position:relative;background:white;border:1px solid #dfe6f4;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #1836760c;transition:.2s}.tenant-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #18367618}.tenant-cover{height:180px;display:grid;place-items:center;background:linear-gradient(135deg,#e4faff,#eee9ff)}.tenant-cover img{width:100%;height:100%;object-fit:cover}.tenant-cover b{font-size:58px;color:#1465ec}.tenant-body{padding:20px}.tenant-body small{color:#1465ec;font-weight:750}.tenant-body h3{font-size:21px;margin:8px 0}.tenant-body p{height:45px;overflow:hidden;color:#68748d}.tenant-body>div,.tenant-body>span{display:flex;justify-content:space-between;color:#78849a;font-size:13px}.featured{position:absolute;z-index:2;top:12px;left:12px;padding:6px 10px;background:#123fbd;color:#fff;border-radius:20px;font-size:11px}.merchant-cta{max-width:1132px;margin:0 auto 80px;padding:55px 60px;background:linear-gradient(125deg,#0e2b85,#1465ec 55%,#8b6cf2);color:white;border-radius:28px;display:flex;align-items:center;justify-content:space-between}.merchant-cta h2{font-size:42px}.merchant-cta .eyebrow{color:#a8f2f6}.merchant-cta .btn{background:white;color:#123fbd}.discover-hero{padding:75px max(24px,calc((100% - 1132px)/2));border-radius:0 0 36px 36px}.discover-hero h1{font-size:60px}.discover-hero>p:not(.eyebrow){font-size:19px}.discovery-search{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:10px;margin-top:28px}.discovery-search input,.discovery-search select{margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-input{display:flex;align-items:center;gap:20px}.media-input label{flex:1}.avatar-preview{width:86px;height:86px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#24bdd4,#8b6cf2);color:white;font-size:32px;font-weight:900;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.qris-preview,.qris-public{display:block;width:min(240px,100%);margin:15px auto;border:1px solid #dfe6f4;border-radius:15px}.password-card{margin-top:20px}.three{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.shop-shell{max-width:1280px;margin:auto;padding:30px 24px 120px}.shop-hero{padding:38px;background:linear-gradient(125deg,#f3fbff,#f3efff);border:1px solid #dfe6f4;border-radius:26px;display:flex;justify-content:space-between;gap:30px}.shop-identity{display:flex;gap:22px}.shop-logo{width:110px;height:110px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:26px;background:linear-gradient(135deg,#1465ec,#8b6cf2);color:white;font-size:42px;font-weight:900}.shop-logo img{width:100%;height:100%;object-fit:cover}.shop-identity h1{font-size:40px;margin:8px 0}.shop-identity h1 small{color:#1465ec}.shop-identity p{color:#5d6980;max-width:650px}.category-pill{padding:6px 10px;border-radius:20px;background:#fff;color:#1465ec;font-size:11px;font-weight:800}.shop-meta{display:flex;gap:18px;color:#6c7890;font-size:13px}.shop-buttons{display:flex;align-items:start;gap:8px}.shop-content{display:grid;grid-template-columns:1fr 280px;gap:24px;margin-top:25px}.business-info{background:white;border:1px solid #dfe6f4;border-radius:18px;padding:22px;height:max-content}.product-img{width:100%;height:180px;object-fit:cover}.product-list>img{width:58px;height:58px;border-radius:12px;object-fit:cover}.owner-hero{padding:40px;border-radius:25px;background:linear-gradient(125deg,#0e2b85,#1465ec 58%,#8b6cf2);color:white;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.owner-hero .eyebrow{color:#9de9f2}.owner-hero p{max-width:650px}.owner-stats{grid-template-columns:1fr 1fr 1fr}.curate{display:flex;gap:8px;align-items:center}.curate label{font-size:12px}.curate input{width:auto}.curate button{border:0;background:#1465ec;color:white;border-radius:6px;padding:6px 8px}.ai-badge{background:linear-gradient(105deg,#1465ec,#8b6cf2);color:white;padding:9px 14px;border-radius:20px}.studio-grid{display:grid;grid-template-columns:1fr 390px;gap:20px}.studio-canvas canvas{width:100%;display:block;background:#edf2fb;border-radius:16px;margin:15px 0}.studio-canvas canvas:empty{display:none}#dropzone{position:relative;border:2px dashed #b9c9e7;border-radius:16px;padding:30px;text-align:center}#dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}#dropzone small{display:block;color:#74829b}.studio-actions{display:flex;gap:10px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-grid button{border:1px solid #dfe6f4;background:white;padding:10px;border-radius:9px}.preset-grid button.active{background:#1465ec;color:white}.info-box{margin-top:22px;padding:16px;border-radius:13px;background:#edf5ff;color:#385078}.info-box p{font-size:13px;margin:5px 0}@media(max-width:850px){.lb-hero,.settings-grid,.studio-grid,.shop-content{grid-template-columns:1fr}.hero-brand-art{order:-1}.hero-brand-art>img{width:300px}.lb-hero h1{font-size:58px}.category-strip{grid-template-columns:1fr 1fr}.tenant-grid{grid-template-columns:1fr 1fr}.discovery-search{grid-template-columns:1fr}.shop-hero,.shop-identity,.merchant-cta{flex-direction:column}.shop-buttons{flex-wrap:wrap}.owner-stats{grid-template-columns:1fr}.three{grid-template-columns:1fr}}@media(max-width:520px){.tenant-grid,.category-strip{grid-template-columns:1fr}.lb-hero h1,.discover-hero h1{font-size:44px;letter-spacing:-2px}.merchant-cta{margin:15px;padding:32px}.merchant-cta h2{font-size:32px}.shop-identity h1{font-size:30px}.shop-logo{width:78px;height:78px}.floating-card{font-size:11px}.top nav{width:72%}}
.public-main>.auth-card{margin:55px auto}.auth-card .brand img{width:46px;height:46px;border-radius:14px}.auth-card .brand span{display:inline;width:auto;height:auto;background:none;color:#1465ec}.wide-auth{width:min(680px,calc(100% - 30px))}.form label,.settings-grid label,.password-card label,.studio-controls label{display:block;font-size:13px;font-weight:700;margin:14px 0}.settings-grid label small{display:block;color:#73819a;font-weight:400;margin-top:3px}