:root{--color-primary: #059669;--color-primary-dark: #047857;--color-primary-light: #10b981;--color-text: #064e3b;--color-text-light: #3d6357;--color-accent-text: #047857;--color-surface: #ffffff;--color-border: #d5ecdd;--color-hairline: #e4f2e9;--color-background: #f6fdf9;--color-elevated: #ffffff;--header-bg: rgba(246, 253, 249, .92);--bg-page: radial-gradient(70rem 32rem at 85% -8%, rgba(52, 211, 153, .16), transparent 60%), radial-gradient(60rem 30rem at -10% 45%, rgba(52, 211, 153, .08), transparent 55%), linear-gradient(175deg, #f6fdf9, #e7f5ec 70%);--shadow-card: 0 10px 30px rgba(6, 78, 59, .07);--shadow-receipt: drop-shadow(0 18px 22px rgba(6, 78, 59, .28));--glow-popular: 0 0 0 1px var(--color-primary-light), 0 18px 45px rgba(16, 185, 129, .22);--font-heading: Georgia, serif;--font-body: "Lexend Deca", sans-serif;--font-mono: "Menlo", "Courier New", monospace}:root.dark{--color-text: #f6fdf9;--color-text-light: #cde9db;--color-accent-text: #a7f3d0;--color-surface: rgba(255, 255, 255, .045);--color-border: rgba(167, 243, 208, .16);--color-hairline: rgba(167, 243, 208, .08);--color-background: #04332a;--color-elevated: #073b30;--header-bg: rgba(3, 40, 33, .88);--bg-page: radial-gradient(70rem 32rem at 85% -8%, rgba(52, 211, 153, .14), transparent 60%), radial-gradient(60rem 30rem at -10% 45%, rgba(52, 211, 153, .07), transparent 55%), linear-gradient(175deg, #04332a, #022620 70%);--shadow-card: none;--shadow-receipt: drop-shadow(0 22px 26px rgba(0, 0, 0, .45));--glow-popular: 0 0 0 1px var(--color-primary-light), 0 18px 50px rgba(16, 185, 129, .15)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh;font-family:var(--font-body);color:var(--color-text-light);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:var(--bg-page)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.2;margin-top:0;color:var(--color-text);text-wrap:balance}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.875rem)}p{margin-top:0}a{color:var(--color-accent-text);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.75rem 1.5rem;font-family:var(--font-body);font-weight:500;line-height:1.2;border-radius:.5rem;transition:all .2s ease;cursor:pointer;text-align:center;border:none;font-size:1rem}.btn-large{padding:.9rem 1.9rem;font-size:1.02rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.btn-secondary{background-color:transparent;color:var(--color-accent-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent-text);color:var(--color-text)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}header{position:sticky;top:0;background-color:var(--header-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-hairline);z-index:1000;--header-height: 80px}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.5rem;color:var(--color-text)}.logo:hover{color:var(--color-primary)}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-links a{color:var(--color-text-light);font-weight:400;transition:color .2s ease}.nav-links a:hover{color:var(--color-primary)}.nav-actions{display:flex;gap:.8rem;align-items:center}.nav-actions .btn{padding:.5rem 1.25rem}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:999px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-accent-text);transition:border-color .2s ease,color .2s ease}.theme-toggle:hover{border-color:var(--color-accent-text);color:var(--color-text)}.theme-toggle .icon-moon{display:block}.theme-toggle .icon-sun{display:none}:root.dark .theme-toggle .icon-moon{display:none}:root.dark .theme-toggle .icon-sun{display:block}.nav-right{display:flex;align-items:center;gap:.8rem}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-toggle span{display:block;width:24px;height:3px;background-color:var(--color-text);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{display:none;position:fixed;top:var(--header-height, 80px);left:0;width:100%;height:calc(100vh - var(--header-height, 80px));background-color:#00000080;backdrop-filter:blur(5px);z-index:998}.mobile-menu-overlay.active{display:block}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--color-elevated);border-bottom:1px solid var(--color-border);padding:1.5rem 0;z-index:999}.mobile-menu.active{display:block;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.mobile-nav-links li{border-bottom:1px solid var(--color-hairline)}.mobile-nav-links li:last-child{border-bottom:none;margin-bottom:1.5rem}.mobile-nav-links a{display:block;padding:1rem 2rem;color:var(--color-text-light);font-weight:400;transition:all .2s ease;font-size:1.125rem}.mobile-nav-links a:hover{color:var(--color-primary);background-color:var(--color-surface)}.mobile-nav-actions{display:flex;flex-direction:column;gap:1rem;padding:0 2rem}.mobile-nav-actions .btn{padding:.75rem 1.5rem;width:100%;font-size:1rem}@media (max-width: 768px){.nav-links,.nav-actions{display:none}.mobile-menu-toggle{display:flex}.nav-wrapper{padding:.75rem 0}nav{position:relative}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(5px)}.modal-content{background-color:var(--color-elevated);border:1px solid var(--color-border);margin:10% auto;padding:0;border-radius:14px;width:90%;max-width:500px;box-shadow:0 20px 40px #00000040;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.modal-content{animation:none}}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--color-hairline);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.5rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-light);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background-color:var(--color-surface);color:var(--color-text)}.modal-body{padding:16px 24px}.modal-body p{margin:0 0 16px;color:var(--color-text-light);line-height:1.6}.modal-body p:last-child{margin-bottom:0}.modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end}.modal-footer .btn{margin:0}@media (max-width: 768px){.modal-content{margin:20% auto;width:95%}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}}.footer{border-top:1px solid var(--color-border);padding:2.8rem 0 2rem;margin-top:4.5rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem}.footer-section h4{font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;color:var(--color-accent-text)}.footer-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.5rem;color:var(--color-text);margin-bottom:.6rem}.logo-icon{font-size:1.75rem}.footer-tagline{color:var(--color-text-light);font-size:.88rem;margin:0;line-height:1.6;max-width:20rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--color-text-light);font-size:.9rem;transition:color .2s ease}.footer-section ul li a:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid var(--color-hairline);padding-top:1.4rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{margin:0;color:var(--color-text-light);opacity:.75;font-size:.8rem}@media (max-width: 968px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-section:first-child{grid-column:1 / -1}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center}}