@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#34312e;background:#f2ede5}*{box-sizing:border-box}body{margin:0}a{color:inherit}.auth-layout{max-width:1240px;min-height:100vh;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;padding:60px 40px;align-items:center}.story{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;margin-bottom:60px}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#955536;color:white}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#955536}h1{font-size:clamp(32px,3.4vw,49px);line-height:1.12;letter-spacing:-.045em;margin:16px 0 24px}p{line-height:1.65;color:#71675b}h2{font-size:25px;line-height:1.25;letter-spacing:-.025em}.commodities{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 36px}.commodities span{border:1px solid #dfd8cf;border-radius:30px;padding:8px 14px;font-size:12px}.price{display:flex;gap:20px;align-items:center;margin-bottom:30px}.price strong{font-size:30px}.price span,small,.subtle{font-size:12px;line-height:1.6;color:#807467}.card{background:white;border:1px solid #e7e1db;border-radius:24px;padding:36px;box-shadow:0 20px 60px #433c350d;min-width:0}.tabs{display:flex;gap:8px;margin:18px 0 26px;background:#f2ede5;padding:5px;border-radius:12px}.tabs button{flex:1;border:0;background:transparent;padding:12px;border-radius:9px}.tabs button[aria-pressed=true]{background:white;box-shadow:0 2px 8px #403a3312;color:#955536}button,input{font:inherit}button{cursor:pointer;font-weight:650}button:disabled{opacity:.6;cursor:wait}label{display:block;font-size:13px;font-weight:650;margin:18px 0}input{width:100%;padding:13px;border:1px solid #dfd8cf;border-radius:10px;margin-top:8px;background:#fff;font-size:15px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b4a38f;outline-offset:3px}.primary{border:0;border-radius:10px;background:#955536;color:white;padding:14px 18px;width:100%;margin-top:16px}.link-button{display:block;text-align:center;text-decoration:none}.text-button{border:0;background:transparent;color:#955536;padding:10px 0;margin-right:14px;font-size:12px}.secondary{border:1px solid #dfd8d0;border-radius:10px;padding:10px 14px;background:#f9f7f5;color:#4c453d;margin-top:16px}#notice:not(:empty){border-radius:10px;padding:12px;background:#f3f1ee;color:#4a433c;font-size:13px;line-height:1.6;margin:16px 0}#notice[data-error=true]{background:#fff0ed;color:#a43724}.account-top{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-wrap:anywhere;font-size:12px;border-bottom:1px solid #eeeae6;padding-bottom:14px}.steps{padding-left:20px;font-size:13px;line-height:2;color:#71675b}#qris{display:block;margin:20px auto;max-width:100%;height:auto}.total{display:flex;justify-content:space-between;background:#f7f6f4;padding:12px;border-radius:10px}.status-icon{margin-top:28px;background:#f0ede9;color:#5a5248;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:26px}.order{border:1px solid #e9e4de;border-radius:12px;padding:16px;margin:16px 0;overflow-wrap:anywhere}.order h3{font-size:14px}.order p{font-size:12px}.order .actions{display:flex;gap:10px}.order .actions button{flex:1}#admin{border-top:1px solid #e9e4de;margin-top:28px;padding-top:16px}[hidden]{display:none!important}@media(max-width:760px){.auth-layout{grid-template-columns:1fr;gap:24px;padding:24px 18px}.brand{margin-bottom:24px}.story h1{font-size:34px}.story>p:not(.eyebrow),.story>small,.commodities{display:none}.price{margin-bottom:0}.card{padding:24px}.story{padding:12px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s}}

.brand img{border-radius:13px}.story h1{color:#37332f}.card{border-color:#e3ddd6}.eyebrow{color:#7d7265}

h1{font-weight:600;letter-spacing:-.04em;line-height:1.18}h2{font-weight:600;letter-spacing:-.025em}.brand{font-weight:700;letter-spacing:-.035em}.eyebrow{font-weight:600;letter-spacing:.13em}.primary:hover{background:#79432a}

/* Seamless CSS 3D hero: no canvas dependency or login-blocking script. */
.auth-layout{gap:56px;padding-top:36px;padding-bottom:36px}.story{position:relative;min-width:0}.story .brand{margin-bottom:36px}.story h1{margin-bottom:12px}.story>p:not(.eyebrow){margin:4px 0 0;font-size:14px;max-width:460px}.story .commodities{margin:8px 0 22px}.commodities span{padding:6px 10px;font-size:10px}.story .price{margin-bottom:14px}.card{position:relative;z-index:2}.hero-visual{height:286px;position:relative;margin:0 -18px 0 -38px}.hero-art{position:absolute;inset:0;overflow:hidden;perspective:1100px;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}.hero-world{position:absolute;width:380px;height:310px;left:50%;top:50%;margin:-155px 0 0 -190px;transform-style:preserve-3d;transform:rotateX(57deg) rotateZ(-34deg) scale(.88);animation:hero-drift 22s ease-in-out infinite alternate}.hero-world *{box-sizing:border-box;transform-style:preserve-3d}.hero-ground{position:absolute;inset:-18px;background:repeating-linear-gradient(0deg,transparent 0 23px,#d1c6b750 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#d1c6b750 23px 24px),#ebe3d6;border:1px solid #d9cdbc;border-radius:22px;box-shadow:18px 24px 42px #66523b18}.hero-road{position:absolute;left:10px;right:4px;top:147px;height:34px;background:#d3c5b4;border:1px solid #c9b8a3;border-radius:10px}.hero-road:after{content:"";position:absolute;left:6px;right:6px;top:15px;border-top:2px dashed #faf6ed}.hero-building,.hero-truck{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--d);transform-style:preserve-3d}.hero-building i,.hero-truck i{position:absolute;display:block}.hero-roof{width:var(--w);height:var(--d);background:#f9f2e7;transform:translateZ(var(--h));border:1px solid #c8b49f}.hero-front{width:var(--w);height:var(--h);top:var(--d);transform-origin:top;transform:rotateX(90deg);background:repeating-linear-gradient(90deg,transparent 0 12px,#785d4525 12px 15px),#cbb293;border:1px solid #b99e80}.hero-side{height:var(--d);width:var(--h);left:var(--w);transform-origin:left;transform:rotateY(-90deg);background:#b09172;border:1px solid #a78b71}.office .hero-front{background:repeating-linear-gradient(0deg,transparent 0 13px,#ecdccc 13px 17px),repeating-linear-gradient(90deg,#817467 0 10px,#e9dccb 10px 16px)}.warehouse .hero-roof{background:repeating-linear-gradient(90deg,#d8b495 0 8px,#e4c8ac 8px 10px)}.hall .hero-roof{background:#e6d8c4}.hero-tree{position:absolute;width:15px;height:15px;background:#c7bb9f;border-radius:50%;transform:translateZ(12px);box-shadow:4px 7px 0 #a99e87}.hero-tree i{position:absolute;inset:3px;border-radius:50%;background:#ded2b5;transform:translateZ(7px)}.hero-truck{--w:22px;--d:11px;--h:10px;--x:0px;--y:159px;animation:hero-haul 18s linear infinite;animation-delay:var(--delay)}.hero-truck .hero-roof{background:linear-gradient(90deg,#a26340 65%,#ecd7b8 65%)}.hero-truck .hero-front{background:#965b3b;border-color:#875537}.hero-truck .hero-side{background:#694e3c;border-color:#694e3c}.hero-caption{position:absolute;bottom:11px;left:38px;font-size:8px;letter-spacing:1.7px;color:#8b7764}.hero-toggle{position:absolute;right:6px;bottom:4px;z-index:2;font-size:9px;font-weight:500;margin:0;padding:8px;border-radius:8px;cursor:pointer;color:#806b59;background:#f6f2ebcf}.hero-paused{display:none}#hero-pause{position:absolute;width:1px;height:1px;opacity:0;bottom:15px;right:20px}#hero-pause:focus-visible+label{outline:2px solid #955536;outline-offset:2px}#hero-pause:checked~.hero-art *{animation-play-state:paused}#hero-pause:checked+label .hero-running{display:none}#hero-pause:checked+label .hero-paused{display:inline}@keyframes hero-drift{from{transform:rotateX(57deg) rotateZ(-34deg) scale(.88)}to{transform:rotateX(53deg) rotateZ(-29deg) scale(.88)}}@keyframes hero-haul{from{transform:translateX(10px)}to{transform:translateX(339px)}}@media(max-width:760px){.auth-layout{padding:24px 18px;gap:20px}.story .brand{margin-bottom:26px}.story h1{font-size:34px}.hero-visual{height:230px;margin:-10px -18px 0}.hero-world{transform:rotateX(57deg) rotateZ(-34deg) scale(.73);animation-name:hero-drift-small}.hero-caption{left:18px}.story .price{margin:6px 0 0}.hero-toggle{right:12px}}@keyframes hero-drift-small{from{transform:rotateX(57deg) rotateZ(-34deg) scale(.73)}to{transform:rotateX(53deg) rotateZ(-29deg) scale(.73)}}@media(prefers-reduced-motion:reduce){.hero-world,.hero-truck{animation:none}.hero-truck{transform:translateX(120px)}.hero-truck:nth-last-child(2){transform:translateX(220px)}.hero-truck:nth-last-child(3){transform:translateX(30px)}.hero-toggle,#hero-pause{display:none}}

.story .brand{font-size:24px;gap:8px}.brand img{border-radius:0}.hero-visual{height:370px;margin:0 -65px 0 -75px}.hero-art.hero-webgl{perspective:none;mask-image:linear-gradient(transparent,#000 7%,#000 89%,transparent)}.hero-webgl canvas{display:block;width:100%;height:100%}.hero-webgl .hero-world{display:none}.hero-visual .hero-caption{left:75px}.hero-visual .hero-toggle{right:50px}.hero-art.hero-fallback .hero-world{display:block}@media(max-width:760px){.hero-visual{height:290px;margin:-5px -28px 0}.hero-visual .hero-caption{left:28px}.hero-visual .hero-toggle{right:22px}.story .brand{font-size:23px}}

.brand-word{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.035em;white-space:nowrap}.brand .brand-period,.brand-period{display:inline!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:#e87932!important;letter-spacing:0}.brand img{border-radius:0}

.hero-visual{height:440px;margin:-16px -70px -12px -75px}.hero-art.hero-webgl{mask-image:linear-gradient(transparent,#000 5%,#000 93%,transparent)}@media(max-width:760px){.hero-visual{height:330px;margin:-8px -25px 0}.story h1{margin-bottom:4px}}

/* Owner line: MineFlow is a Bermuda Lentera product, which is also the QRIS merchant name. */
.auth-footer{padding:18px 24px 26px;text-align:center;font-size:12px;color:#76624c}.auth-footer a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}