@keyframes ken-burns{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,-2%)}}@keyframes rock{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@keyframes pulse-glow{0%{filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:brightness(1.2) drop-shadow(0 0 10px rgba(255,255,255,.5))}to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,255,0))}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-ken-burns{animation:ken-burns 10s ease-in-out infinite alternate}.animate-rock{animation:rock 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-bounce{animation:bounce 3s ease-in-out infinite}.wave-pattern{animation:waveMove 20s linear infinite}@keyframes waveMove{0%{background-position:0 0}to{background-position:100px 0}}.animate-slide-in-left{animation:slideInLeft .8s ease-out forwards}.animate-slide-in-bottom{animation:slideInBottom .8s ease-out forwards}.animate-draw-line{animation:drawLine 1s ease-out forwards}.animate-grow-height{animation:growHeight 1s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes growHeight{to{height:100%}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}:root{--color-primary: #2A9D8F;--color-secondary: #E9C46A;--color-accent: #F4A261;--color-background: #FEFDFB;--color-text: #404040;--color-light-text: #FFFFFF;--color-muted-text: #888888;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-script: cursive;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-default: all .3s ease-in-out;--transition-fast: all .15s ease-in-out;--transition-slow: all .5s ease-in-out;--glass: rgba(255,255,255,.08);--ease: cubic-bezier(.22,.9,.35,1)}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;scroll-behavior:smooth}body.theme-dark{--color-background: #1a1a1a;--color-text: #ffffff;--color-light-text: #1a1a1a}.nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ffffffd9,#ffffffc7);border-radius:1.75rem;padding:.5rem .75rem;display:flex;gap:.75rem;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;box-shadow:0 14px 50px #00000014}body.theme-dark .nav{background:linear-gradient(90deg,#1e1e1ed9,#1e1e1ec7);box-shadow:0 14px 50px #0000004d}.nav a{font-weight:600;text-decoration:none;padding:.5rem .625rem;border-radius:.75rem;transition:all .2s var(--ease);color:#404040}body.theme-dark .nav a{color:#fff}.nav a.active,.nav a:hover{background:var(--glass);transform:translateY(-3px)}.nav a.active{box-shadow:0 4px 12px #00000026;color:var(--color-primary);font-weight:700}.nav a{cursor:pointer}.pill{display:flex;gap:.5rem;align-items:center;padding:.375rem .5rem;border-radius:999px;background:#ffffff80;box-shadow:0 6px 18px #0000000f}body.theme-dark .pill{background:#ffffff1a;box-shadow:0 6px 18px #0003}.icon-btn{background:transparent;border:0;padding:.5rem;border-radius:.625rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#404040}body.theme-dark .icon-btn{color:#fff}footer{position:relative;background:linear-gradient(to right,#264653,#264653);color:#fff}footer a{color:#fff;opacity:.9}footer a:hover{opacity:1}footer .wave-divider{position:absolute;top:0;left:0;width:100%;height:2rem;opacity:.3}footer .social-icon:hover{transform:translateY(-3px)}footer input::placeholder{color:#ffffffb3}.canvas-wrap{max-width:100%;overflow:hidden;position:absolute;top:0;left:0;right:0;height:100px}canvas{display:block;width:100%;height:100%}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700;letter-spacing:.025em}h1{font-size:3rem;line-height:1.2}h2{font-size:2.25rem;line-height:1.3}h3{font-size:1.875rem;line-height:1.4}p{color:var(--color-text);line-height:1.75}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-default)}a:hover{color:var(--color-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:var(--radius-full);transition:var(--transition-default);cursor:pointer;border:none;outline:none}.btn-primary{background-color:var(--color-primary);color:var(--color-light-text);padding:.75rem 1.5rem;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:#1e7a6d;transform:scale(1.05);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-light-text);padding:.75rem 1.5rem;box-shadow:var(--shadow-md)}.btn-secondary:hover{background-color:#d8b45a;transform:scale(1.05);box-shadow:var(--shadow-lg)}.btn-accent{background-color:var(--color-accent);color:var(--color-light-text);padding:.75rem 1.5rem;box-shadow:var(--shadow-md)}.btn-accent:hover{background-color:#e39251;transform:scale(1.05);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);padding:.75rem 1.5rem}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-light-text)}.card{background-color:var(--color-light-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;transition:var(--transition-default)}.card:hover{box-shadow:var(--shadow-lg)}.icon{color:var(--color-primary);transition:var(--transition-default)}.icon:hover{transform:scale(1.1)}.section{padding:4rem 0}@media(min-width:768px){.section{padding:6rem 0}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-relaxed{line-height:1.75}.tracking-wide{letter-spacing:.025em}.font-bold{font-weight:700}.font-semibold{font-weight:600}.rounded-full{border-radius:var(--radius-full)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition-all,.transform{transition:var(--transition-default)}.hover\:scale-105:hover{transform:scale(1.05)}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}