@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-elevated:#1e1e1e;--color-gold-light:#f3e5ab;--color-gold:#d4af37;--color-gold-dark:#aa8c2c;--color-text-primary:#f0f0f0;--color-text-secondary:#a0a0a0;--color-text-inverse:#0a0a0a;--font-heading:"Playfair Display", serif;--font-body:"Outfit", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-gold:0 4px 20px #d4af3726}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;width:100%;line-height:1.6;overflow-x:hidden}html{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.text-gold{color:var(--color-gold)}.btn{padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--color-gold);color:var(--color-bg);box-shadow:var(--shadow-gold)}.btn-primary:hover{background-color:var(--color-gold-light);transform:translateY(-2px)}.btn-outline{border:1px solid var(--color-gold);color:var(--color-gold);background:0 0}.btn-outline:hover{background:#d4af371a}.card{background-color:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid #ffffff14;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #00000080}.card:hover{border-color:#d4af374d;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-soft:nth-child(2){animation-delay:1.5s}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;-webkit-overflow-scrolling:touch;background:#000000d9;justify-content:center;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid #d4af3733;width:100%;max-width:600px;margin:auto;position:relative;box-shadow:0 20px 40px #00000080}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--color-text-primary)}select,input[type=number]{color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);appearance:none;background:#00000080;border:1px solid #ffffff1a;border-right:1rem solid #0000;padding:.75rem 1rem;font-size:1rem}select:focus,input[type=number]:focus{border-color:var(--color-gold);outline:none}select option{background:var(--color-surface);color:#fff}.floating-pill{color:#fff;border-radius:30px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #0006}.floating-pill:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0009}.pill-tg{background-color:#2aabee;box-shadow:0 4px 20px #2aabee66}.pill-wa{background-color:#25d366;box-shadow:0 4px 20px #25d36666}.compare-container{margin-top:var(--space-xl);overflow-x:auto}table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #ffffff0d;padding:1.25rem 1.5rem}th{color:var(--color-gold);background:#ffffff05}td.check{color:#25d366}td.cross{color:#ef4444}.takeaway-list{flex-direction:column;gap:1.25rem;max-width:600px;margin:0 auto;display:flex}.takeaway-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1.25rem;width:100%;padding:1.25rem 1.75rem;display:flex}.takeaway-item span{text-align:left;font-size:1.1rem;line-height:1.4}.price-grid{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:grid}.price-col{flex-direction:column;gap:.2rem;display:flex}.price-label{opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.price-value{color:#fff;font-size:1rem;font-weight:700}.price-free{color:var(--color-gold);align-items:center;gap:.4rem;font-weight:700;display:flex}.step-card{text-align:center;padding:var(--space-lg)}.step-number{color:#d4af371a;margin-bottom:-1.5rem;font-size:3rem;font-weight:800}.modal-body{max-height:60vh;overflow-y:auto}.selectable-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.selectable-card:hover{border-color:#d4af374d!important}.selectable-card.active{background:linear-gradient(135deg,#1e1b10 0%,#1a1a1a 100%)!important}.animate-bounce-soft{animation:3s ease-in-out infinite bounce-soft}@media (width<=768px){.mobile-hide{display:none!important}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;display:flex;overflow:hidden}.marquee-content{flex-shrink:0;animation:30s linear infinite marquee;display:flex}.marquee-item{padding:0 4rem;display:inline-block}
