:root{--cg-teal: #2c7a7b;--cg-teal-light: #4fd1c7;--cg-saffron: #f59e0b;--cg-saffron-dark: #d97706;--cg-forest: #059669;--cg-forest-light: #10b981;--cg-sunset: #f97316;--cg-sunset-light: #fb923c;--cg-bg: #fefefe;--cg-surface: #ffffff;--cg-surface-2: #f8fafc;--cg-text: #1e293b;--cg-text-dim: #64748b;--cg-text-light: #94a3b8;--cg-gold: var(--cg-saffron);--cg-gold-2: var(--cg-saffron-dark);--cg-accent: var(--cg-sunset);--cg-shadow: rgba(30,41,59,.08);--cg-gradient-ocean: linear-gradient(135deg, #e0f7fa 0%, #b2f5ea 100%);--cg-gradient-sunset: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%);--cg-gradient-forest: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);--cg-gradient-teal: linear-gradient(135deg, #e6fffa 0%, #b2f5ea 100%)}html,body{background:var(--cg-gradient-ocean);color:var(--cg-text);overflow-x:hidden}*{box-sizing:border-box}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.container{padding:0 .5rem}}@media (max-width: 480px){.container{padding:0 .3rem}}@media (max-width: 500px){.btn{padding:.9rem 1.5rem;font-size:1rem;border-radius:25px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--cg-saffron);color:#fff;box-shadow:0 4px 16px #f59e0b4d}.btn-primary:hover{background:var(--cg-saffron-dark);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-secondary{background:var(--cg-teal);color:#fff;box-shadow:0 4px 16px #2c7a7b4d}.btn-secondary:hover{background:var(--cg-teal-light);transform:translateY(-2px);box-shadow:0 6px 20px #2c7a7b66}.btn-outline{border:2px solid var(--cg-teal);color:var(--cg-teal);background:transparent}.btn-outline:hover{background:var(--cg-teal);color:#fff;transform:translateY(-2px)}}@media (max-width: 500px){h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}h1{font-size:1.8rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.3rem;font-weight:600}p{line-height:1.6;margin-bottom:1rem}.section{padding:2rem 1rem}.section h2{text-align:center;margin-bottom:1.5rem}}.surface{background:var(--cg-surface);box-shadow:0 8px 24px var(--cg-shadow);border-radius:16px}.gold{color:var(--cg-gold)}.btn-gold{display:inline-block;background:var(--cg-gold);color:#0f1214;padding:.8rem 1.6rem;border-radius:28px;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;box-shadow:0 6px 18px #d4af3733}.btn-gold:hover{background:var(--cg-gold-2);transform:translateY(-2px)}.bg-ocean{background:var(--cg-ocean)}.bg-sunset{background:var(--cg-sunset)}.bg-forest{background:var(--cg-forest)}.bg-lavender{background:var(--cg-lavender)}.bg-coral{background:var(--cg-coral)}.bg-gradient-ocean{background:var(--cg-gradient-ocean)}.bg-gradient-sunset{background:var(--cg-gradient-sunset)}.bg-gradient-forest{background:var(--cg-gradient-forest)}