@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%}:root{--bg: #f6efe6;--card: #fffaf4;--primary: #6b4f3f;--text: #3b2f2f;--muted: #999;--radius: 18px;--shadow: 0 10px 25px rgba(0,0,0,.12);--scroll-progress: 0;font-family:Sora,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--bg)}body{background:radial-gradient(circle at top,#fff8f1,#f6efe6 55%,#f2e9de);min-height:100vh;width:100%;overflow:hidden}.app-ambient{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(430px,100%);height:100vh;pointer-events:none;z-index:1;overflow:hidden}.blob{position:absolute;border-radius:999px;filter:blur(20px);opacity:.6;animation:blob-float 16s ease-in-out infinite}.blob-1{width:220px;height:220px;top:60px;left:-60px;background:radial-gradient(circle,#ffbec8e6,#ffdce600)}.blob-2{width:260px;height:260px;bottom:120px;right:-80px;background:radial-gradient(circle,#ff96aacc,#ffd2dc00);animation-delay:-4s}.blob-3{width:180px;height:180px;top:45%;left:40%;background:radial-gradient(circle,#ffdcbebf,#fff0e600);animation-delay:-8s}@keyframes blob-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.05)}}.app-vignette{position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle at center,#fff0 50%,#00000014)}.scroll-progress{position:fixed;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,#ff9292e6,#ff5e5ef2);transform-origin:left;transform:scaleX(var(--scroll-progress));box-shadow:0 4px 12px #ff5e5e59;z-index:9999}.app-snow{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;opacity:.85;mix-blend-mode:screen;background-image:radial-gradient(3px 3px at 20px 20px,rgba(255,255,255,1) 40%,transparent 60%),radial-gradient(2.5px 2.5px at 60px 80px,rgba(255,255,255,.85) 40%,transparent 60%),radial-gradient(2px 2px at 90px 40px,rgba(255,255,255,.8) 40%,transparent 60%);background-size:160px 160px;animation:app-snow 18s linear infinite}.app-snow:before,.app-snow:after{content:"";position:absolute;inset:-120% 0 0;background-repeat:repeat;pointer-events:none}.app-snow:before{background-image:radial-gradient(3px 3px at 30px 50px,rgba(255,255,255,.95) 40%,transparent 60%),radial-gradient(2px 2px at 90px 10px,rgba(255,255,255,.8) 40%,transparent 60%),radial-gradient(2.5px 2.5px at 120px 90px,rgba(255,255,255,.9) 40%,transparent 60%);background-size:190px 190px;animation:app-snow 26s linear infinite;opacity:.6}.app-snow:after{background-image:radial-gradient(2.5px 2.5px at 40px 30px,rgba(255,255,255,.85) 40%,transparent 60%),radial-gradient(2px 2px at 80px 70px,rgba(255,255,255,.75) 40%,transparent 60%),radial-gradient(3px 3px at 140px 20px,rgba(255,255,255,.95) 40%,transparent 60%);background-size:230px 230px;animation:app-snow 32s linear infinite;opacity:.5}@keyframes app-snow{0%{transform:translateY(-10%)}to{transform:translateY(70%)}}.menu-fade{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.menu-fade.is-visible{opacity:1;transform:translateY(0)}.menu-card{opacity:0;transform:translateY(18px) scale(.96);filter:blur(6px);transition:opacity .55s ease,transform .55s ease,filter .55s ease}.menu-card.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.card,.tracking-card,.qr-card,.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid rgba(255,255,255,.6)}.card img{transition:transform .3s ease}.card:hover img{transform:scale(1.03)}.section h4{position:relative;display:inline-flex;align-items:center;gap:8px}.section h4:after{content:"";display:inline-block;width:40px;height:2px;border-radius:999px;background:linear-gradient(90deg,#ff8080cc,#ffc4c466);transform:scaleX(0);transform-origin:left;animation:section-line 1.2s ease forwards}@keyframes section-line{to{transform:scaleX(1)}}.hero-btn.primary{box-shadow:0 0 #ff707033;animation:cta-pulse 2.4s ease-in-out infinite}@keyframes cta-pulse{0%,to{box-shadow:0 0 #ff707040}50%{box-shadow:0 10px 24px #ff707059}}.hero{padding:16px}.hero-card{position:relative;isolation:isolate;border-radius:24px;overflow:hidden;min-height:240px;padding:28px;display:grid;gap:16px;align-content:end;color:#fff;background-image:linear-gradient(120deg,#000000b3,#00000040 45%,#000000a6),url(/hero-bingsu.jpg);background-size:cover;background-position:right center;box-shadow:0 18px 40px #00000040}.hero-card:after{content:"";position:absolute;right:-18%;top:-30%;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 60%);filter:blur(2px);opacity:.7;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(115deg,#0000009e,#0003 48%,#0009);z-index:0}.hero-content{position:relative;z-index:2;max-width:360px;display:grid;gap:6px}.hero-eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:#ffffffd9}.hero-title{margin:0;font-size:26px;line-height:1.2}.hero-sub{margin:0;font-size:14px;color:#fffc}.hero-actions{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap}.hero-btn{border-radius:14px;padding:10px 16px;font-size:13px;font-weight:600;border:none}.hero-btn.primary{background:#fff;color:#2c201b;box-shadow:0 10px 18px #0003}.hero-btn.ghost{background:#00000059;color:#fff;border:1px solid rgba(255,255,255,.4)}.hero-snow{position:absolute;inset:-120% 0 0;background-image:radial-gradient(2px 2px at 20px 20px,rgba(255,255,255,.9) 40%,transparent 60%),radial-gradient(1.5px 1.5px at 60px 80px,rgba(255,255,255,.7) 40%,transparent 60%),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.65) 40%,transparent 60%);background-size:140px 140px;animation:snow 18s linear infinite;opacity:.75;z-index:1;pointer-events:none}.hero-snow:before,.hero-snow:after{content:"";position:absolute;inset:-120% 0 0;background-repeat:repeat;pointer-events:none}.hero-snow:before{background-image:radial-gradient(2px 2px at 30px 50px,rgba(255,255,255,.85) 40%,transparent 60%),radial-gradient(1px 1px at 90px 10px,rgba(255,255,255,.7) 40%,transparent 60%),radial-gradient(1.5px 1.5px at 120px 90px,rgba(255,255,255,.8) 40%,transparent 60%);background-size:180px 180px;animation:snow 26s linear infinite;opacity:.6}.hero-snow:after{background-image:radial-gradient(1.5px 1.5px at 40px 30px,rgba(255,255,255,.7) 40%,transparent 60%),radial-gradient(1px 1px at 80px 70px,rgba(255,255,255,.6) 40%,transparent 60%),radial-gradient(2px 2px at 140px 20px,rgba(255,255,255,.85) 40%,transparent 60%);background-size:200px 200px;animation:snow 30s linear infinite;opacity:.5}@keyframes snow{0%{transform:translateY(0)}to{transform:translateY(60%)}}h1,h2,h3{margin:0;font-weight:600}p{margin:0;color:var(--muted)}button{border:none;outline:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:active{transform:scale(.95)}input{border-radius:var(--radius);border:1px solid #ddd;padding:10px 14px;font-size:14px;width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.app-safe{padding-bottom:env(safe-area-inset-bottom)}