@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&family=Space+Grotesk:wght@600;700&family=Syne:wght@700;800;900&display=swap";:root{--color-rice-white: #FFFFFF;--color-rice-cream: #FFFDF0;--color-yellow: #FFE600;--color-red: #FF3333;--color-green: #00FF66;--color-dark: #111215;--color-gray-dark: #1E2024;--color-receipt: #F5EFE0;--border-thick: 3px solid var(--color-dark);--border-ultra: 4px solid var(--color-dark);--shadow-flat: 4px 4px 0px var(--color-dark);--shadow-flat-lg: 6px 6px 0px var(--color-dark);--shadow-flat-xl: 9px 9px 0px var(--color-dark)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:#fafaf7;color:var(--color-dark);overflow-x:hidden;position:relative;line-height:1.5}.bg-grid-pattern{background-size:32px 32px;background-image:linear-gradient(to right,rgba(17,18,21,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,18,21,.06) 1px,transparent 1px)}#rice-steam-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.content-wrapper{position:relative;z-index:2}.font-display{font-family:Syne,Impact,sans-serif;letter-spacing:-.02em}.font-mono{font-family:JetBrains Mono,monospace}.font-grotesk{font-family:Space Grotesk,sans-serif}.brutal-card{background-color:var(--color-rice-white);border:var(--border-thick);box-shadow:var(--shadow-flat);border-radius:12px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.brutal-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-flat-lg)}.brutal-card-dark{background-color:var(--color-dark);color:#fff;border:var(--border-thick);box-shadow:var(--shadow-flat);border-radius:12px}.brutal-card-yellow{background-color:var(--color-yellow);border:var(--border-thick);box-shadow:var(--shadow-flat);border-radius:12px}.brutal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:Syne,sans-serif;font-weight:800;font-size:1rem;text-transform:uppercase;text-decoration:none;cursor:pointer;border:var(--border-thick);box-shadow:var(--shadow-flat);border-radius:8px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.brutal-btn:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-flat-lg)}.brutal-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-dark)}.brutal-btn-yellow{background-color:var(--color-yellow);color:var(--color-dark)}.brutal-btn-red{background-color:var(--color-red);color:#fff}.brutal-btn-green{background-color:var(--color-green);color:var(--color-dark)}.brutal-btn-white{background-color:var(--color-rice-white);color:var(--color-dark)}.brutal-btn-dark{background-color:var(--color-dark);color:var(--color-yellow)}.brutal-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:2px solid var(--color-dark);border-radius:9999px;font-weight:800;font-size:.8rem;text-transform:uppercase;box-shadow:2px 2px 0 var(--color-dark)}.marquee-container{overflow:hidden;white-space:nowrap;display:flex;background-color:var(--color-yellow);border-top:var(--border-thick);border-bottom:var(--border-thick);padding:10px 0;-webkit-user-select:none;user-select:none}.marquee-content{display:flex;flex-shrink:0;align-items:center;gap:24px;animation:marqueeLoop 24s linear infinite;font-family:Syne,sans-serif;font-weight:800;font-size:1.05rem;color:var(--color-dark)}@keyframes marqueeLoop{0%{transform:translate(0)}to{transform:translate(-100%)}}.shake-screen{animation:screenShake .25s cubic-bezier(.36,.07,.19,.97) both}@keyframes screenShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-5px,0,0)}40%,60%{transform:translate3d(5px,0,0)}}.grain-pop-particle{position:absolute;pointer-events:none;font-family:Syne,sans-serif;font-weight:900;font-size:1.3rem;color:var(--color-red);text-shadow:2px 2px 0px #FFF,-2px -2px 0px #FFF,2px -2px 0px #FFF,-2px 2px 0px #FFF,3px 3px 0px #000;animation:floatPopFade .8s ease-out forwards;z-index:999}@keyframes floatPopFade{0%{opacity:1;transform:translate(-50%) scale(.8) rotate(-5deg)}50%{transform:translate(-50%,-45px) scale(1.2) rotate(8deg)}to{opacity:0;transform:translate(-50%,-85px) scale(.9) rotate(-10deg)}}.thermal-receipt{background-color:var(--color-receipt);border:var(--border-ultra);box-shadow:var(--shadow-flat-xl);font-family:JetBrains Mono,monospace;position:relative;padding:32px 24px;max-width:520px;margin:0 auto}.receipt-jagged-top{position:absolute;top:-12px;left:0;width:100%;height:12px;background-repeat:repeat-x;background-size:18px 12px;background-image:radial-gradient(circle at 9px 0px,transparent 6px,var(--color-dark) 7px)}.receipt-jagged-bottom{position:absolute;bottom:-12px;left:0;width:100%;height:12px;background-repeat:repeat-x;background-size:18px 12px;background-image:radial-gradient(circle at 9px 12px,transparent 6px,var(--color-dark) 7px)}.receipt-stamp{border:4px dashed var(--color-red);color:var(--color-red);font-family:Syne,sans-serif;font-weight:900;text-transform:uppercase;padding:8px 16px;display:inline-block;transform:rotate(-8deg);letter-spacing:2px}@keyframes steamPulse{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-8px) scale(1.05);opacity:1}}.steam-anim{animation:steamPulse 3s ease-in-out infinite}.sticker-rot-1{transform:rotate(-3deg)}.sticker-rot-2{transform:rotate(4deg)}.sticker-rot-3{transform:rotate(-5deg)}.sticker-rot-4{transform:rotate(2deg)}.copy-bubble{position:absolute;top:-38px;left:50%;transform:translate(-50%);background:var(--color-dark);color:var(--color-green);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:6px;border:2px solid var(--color-green);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}.copy-bubble.show{opacity:1;transform:translate(-50%) translateY(-6px)}.faq-header{cursor:pointer;-webkit-user-select:none;user-select:none}.faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease}.faq-item.active .faq-body{max-height:300px;padding-top:16px}.faq-item.active .faq-icon{transform:rotate(180deg)}@media (max-width: 768px){:root{--shadow-flat: 3px 3px 0px var(--color-dark);--shadow-flat-lg: 4px 4px 0px var(--color-dark);--shadow-flat-xl: 6px 6px 0px var(--color-dark)}.font-display{letter-spacing:-.01em}.brutal-btn{width:100%;padding:14px 18px;font-size:.95rem}}