:root{--bg:#0B1220;--card:#0f1a33;--text:#ffffff;--muted:#cbd5e1;--brand:#8E44AD;--border: rgba(255,255,255,.08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:520px;margin:0 auto;min-height:100vh;padding-bottom:76px}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border);border-radius:18px;padding:14px}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220b8;border-bottom:1px solid var(--border);padding:14px 16px}.header-title{font-size:18px;font-weight:800;margin:0}.header-sub{margin:6px 0 0;color:var(--muted);font-size:13px}.section{padding:14px 16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.btn{width:100%;border:0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,var(--brand),#6C3483);color:#fff;font-weight:800;cursor:pointer}.btn:active{transform:scale(.99)}.btn-ghost{background:transparent;border:1px solid var(--border);color:#fff}.input{width:100%;border-radius:16px;border:1px solid var(--border);background:#ffffff0a;color:#fff;padding:12px 14px;outline:none}.input::placeholder{color:#ffffff80}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:12px}.hr{height:1px;background:var(--border);margin:12px 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0b1220d9;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav-inner{max-width:520px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;border-radius:14px;border:1px solid transparent;color:var(--muted);font-size:11px}.nav-item.active{color:#fff;border-color:var(--border);background:#ffffff0a}.nav-emoji{font-size:18px;margin-bottom:4px}.product-title{font-weight:900;margin:0;font-size:15px}.product-desc{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.price{font-weight:900;margin-top:10px}.kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi .card{padding:12px}.small{color:var(--muted);font-size:12px}.qty{display:flex;gap:8px;align-items:center}.qty button{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:#fff;font-size:18px;font-weight:900;cursor:pointer}.qty .n{min-width:34px;text-align:center;font-weight:900}.splash{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:22px}.splash-inner{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:splashFadeIn .42s ease-out both}.splash-logo{width:min(70vw,260px);height:auto;object-fit:contain;margin-bottom:10px;animation:logoPop .52s cubic-bezier(.2,.8,.2,1) both}.splash-identity{margin-top:8px;font-size:30px;font-weight:900;color:#fff}.splash-vision{margin-top:10px;font-size:22px;font-weight:800;color:gold}.splash-line{margin-top:10px;font-size:18px;color:#e6e6e6;line-height:1.6}.splash-promise{margin-top:18px;font-size:22px;font-weight:900;color:var(--brand)}.shimmer{animation:shimmer 1.4s ease-in-out infinite}.zoom{animation:zoomIn .32s ease-out both}.slide{animation:slideIn .38s ease-out both}.bounce{animation:bounceIn .52s cubic-bezier(.2,.9,.2,1) both}.fly{animation:flyUp .52s ease-out both}.glow{animation:glow .9s ease-in-out both}@keyframes splashFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes logoPop{0%{transform:scale(.75);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}@keyframes zoomIn{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes flyUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow{0%{filter:drop-shadow(0 0 0 rgba(142,68,173,0));opacity:.6}to{filter:drop-shadow(0 0 14px rgba(142,68,173,.55));opacity:1}}.landing-header{padding-bottom:16px}.landing-logo-wrap{display:flex;align-items:center;gap:12px}.landing-logo-btn{border:1px solid var(--border);background:#ffffff0a;border-radius:18px;padding:10px;cursor:pointer}.landing-logo-btn.disabled{opacity:.35;cursor:not-allowed}.landing-logo{width:92px;height:92px;object-fit:contain;display:block}.landing-brand{text-align:right}.landing-title{font-weight:900;font-size:20px}.landing-subtitle{margin-top:4px;color:var(--muted);font-size:13px}.landing-hint{margin-top:10px;color:var(--muted);font-size:12px}.ticker{position:sticky;top:0;z-index:50;background:#fff;color:#111827;border-bottom:1px solid rgba(0,0,0,.08);overflow:hidden;height:44px;display:flex;align-items:center}.ticker-track{display:flex;gap:40px;white-space:nowrap;will-change:transform;animation:marquee 14s linear infinite}.ticker-text{padding-inline:16px;font-weight:800}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-60%)}}