.app{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;background:#f5f0e8}.animated-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#9caf884d,#b6a48e33,#d9cab61a),url(/background.jpg) center/cover no-repeat;background-attachment:fixed}.animated-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#9caf8826,#b6a48e1a,#d9cab626);animation:softPulse 8s ease-in-out infinite}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.8}}.gradient-orb{position:absolute;width:100%;height:200px;opacity:.9;pointer-events:none}.orb-1{bottom:-50px;left:0;background:transparent;filter:none;animation:none}.orb-1:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:#f5f0e8;clip-path:ellipse(80% 100% at 50% 100%);animation:gentleWave 12s ease-in-out infinite}.orb-2{bottom:-30px;left:0;background:transparent;filter:none;animation:none}.orb-2:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:#b6a48e4d;clip-path:ellipse(85% 90% at 50% 100%);animation:gentleWave 10s ease-in-out infinite reverse}.orb-3{bottom:-10px;left:0;background:transparent;filter:none;animation:none}.orb-3:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:#9caf8840;clip-path:ellipse(90% 80% at 50% 100%);animation:gentleWave 14s ease-in-out infinite}@keyframes gentleWave{0%,to{transform:translate(0) scaleX(1)}50%{transform:translate(20px) scaleX(1.05)}}.content-wrapper{position:relative;z-index:10;width:100%;max-width:1400px;padding:1rem 2rem;display:flex;flex-direction:column;height:100vh;max-height:100vh;animation:contentFadeIn 1s ease-out;justify-content:space-between}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.site-header{padding:1rem 0;animation:slideDown .8s ease-out;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo-container{display:flex;justify-content:center}.brand-logo{height:100px;width:auto;filter:drop-shadow(0 4px 20px rgba(45,134,89,.2));transition:all .4s cubic-bezier(.4,0,.2,1)}.brand-logo:hover{filter:drop-shadow(0 8px 30px rgba(45,134,89,.4));transform:translateY(-4px)}.hero-main{flex:1;display:flex;align-items:center;padding:0;min-height:0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:center;width:100%;height:100%}.visual-column{animation:slideInFromLeft 1s ease-out .3s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.image-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #2d86594d;border:3px solid rgba(255,255,255,.5);max-height:100%}.image-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#2d8659,#8b6914);border-radius:24px;z-index:-1;opacity:0;transition:opacity .4s ease}.image-frame:hover .image-glow{opacity:.5}.hero-image{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.image-frame:hover .hero-image{transform:scale(1.02)}.content-column{animation:slideInFromRight 1s ease-out .5s both}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b691426;border:1.5px solid rgba(139,105,20,.4);border-radius:100px;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pulse-dot{width:10px;height:10px;background:#f4a261;border-radius:50%;position:relative;animation:pulseDot 2s ease-in-out infinite}.pulse-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid #f4a261;border-radius:50%;animation:pulseRing 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.badge-text{font-size:.75rem;font-weight:600;color:#8b6914;text-transform:uppercase;letter-spacing:.8px}.hero-title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15;color:#2c3e2f;margin-bottom:1rem;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(255,255,255,.3)}.title-highlight{display:block;background:linear-gradient(135deg,#2d8659,#8b6914);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.hero-description{font-size:.95rem;line-height:1.5;color:#4a5c4d;margin-bottom:1.5rem;max-width:560px;text-shadow:0 1px 3px rgba(255,255,255,.5)}.connect-section{margin-top:1rem}.connect-title{font-size:.8125rem;font-weight:600;color:#3d5240;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1.5px}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.social-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#fff9;border:1.5px solid rgba(139,105,20,.2);border-radius:12px;text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hover-gradient);opacity:0;transition:opacity .4s ease;z-index:0}.social-card:hover{transform:translateY(-6px);border-color:#8b691466;box-shadow:0 12px 40px #2d865940}.social-card:hover:before{opacity:.15}.card-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.icon-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#2d86591a;border-radius:10px;transition:all .3s ease}.social-card:hover .icon-circle{background:#2d865933;transform:rotate(-5deg) scale(1.1)}.platform-icon{width:20px;height:20px;color:#2c3e2f;transition:color .3s ease}.platform-info{display:flex;flex-direction:column;gap:.25rem}.platform-name{font-size:.875rem;font-weight:600;color:#2c3e2f;transition:color .3s ease}.platform-handle{font-size:.6875rem;color:#5a6d5d;font-family:Courier New,monospace;transition:color .3s ease}.social-card:hover .platform-handle{color:#2d8659}.card-arrow{width:24px;height:24px;color:#2d865966;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.social-card:hover .card-arrow{color:#2d8659e6;transform:translate(4px,-4px)}.site-footer{padding:.75rem 0;text-align:center;border-top:1px solid rgba(45,134,89,.15);flex-shrink:0}.footer-text{font-size:.75rem;color:#4a5c4d;font-weight:400}@media (max-width: 1024px){.content-wrapper{padding:2rem;height:auto;min-height:auto;max-height:none}.hero-main{padding:3rem 0;min-height:auto;overflow:visible}.hero-grid{grid-template-columns:1fr;gap:3rem;height:auto}.visual-column{order:2;max-width:500px;margin:0 auto}.content-column{order:1;text-align:center}.status-badge,.hero-description{margin-left:auto;margin-right:auto}.connect-title{text-align:center}.brand-logo{height:90px}.hero-title{font-size:clamp(2.5rem,5vw,3.75rem)}.hero-description{font-size:1.125rem;line-height:1.75}.site-header{padding:2rem 0}.hero-main{padding:3rem 0}.site-footer{padding:2rem 0}}@media (max-width: 768px){.content-wrapper{padding:1.5rem;height:auto;min-height:auto;max-height:none}.hero-main{padding:2rem 0;min-height:auto;overflow:visible}.hero-grid{gap:2rem;height:auto}.brand-logo{height:75px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.social-grid{grid-template-columns:1fr}.social-card{padding:1rem 1.25rem}}@media (max-width: 480px){.content-wrapper{padding:1rem;height:auto;min-height:auto;max-height:none}.hero-main{min-height:auto;overflow:visible}.hero-grid{height:auto}.brand-logo{height:65px}.hero-title{font-size:1.75rem}.social-card{padding:.875rem 1rem}.icon-circle{width:40px;height:40px}.platform-icon{width:20px;height:20px}.platform-name{font-size:.9375rem}.platform-handle{font-size:.75rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.social-card:focus-visible{outline:2px solid #f4a261;outline-offset:4px}.brand-logo:focus-visible{outline:2px solid #f4a261;outline-offset:8px;border-radius:4px}:root{--color-primary-base: #1a5f3f;--color-primary-light: #2d8659;--color-primary-dark: #0f3d29;--color-accent-base: #f4a261;--color-accent-light: #f6b77f;--color-accent-dark: #e89049;--color-neutral-50: #f8faf9;--color-neutral-100: #e8eeeb;--color-neutral-200: #cbd5d0;--color-neutral-300: #a8b5b0;--color-neutral-400: #8899a6;--color-neutral-500: #6b7c75;--color-neutral-600: #4a5950;--color-neutral-700: #2f3935;--color-neutral-800: #1a2520;--color-neutral-900: #0f1a15;--color-neutral-950: #0a0f14;--color-background: var(--color-neutral-950);--color-surface: rgba(255, 255, 255, .03);--color-border: rgba(255, 255, 255, .08);--color-text-primary: #ffffff;--color-text-secondary: var(--color-neutral-200);--color-text-muted: var(--color-neutral-300);--color-text-disabled: var(--color-neutral-500);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font-sans);--font-mono: "SF Mono", "Monaco", "Courier New", monospace;--font-size-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--font-size-sm: clamp(.875rem, .825rem + .25vw, .9375rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--font-size-3xl: clamp(2rem, 1.75rem + 1.25vw, 2.5rem);--font-size-4xl: clamp(2.5rem, 2rem + 2.5vw, 3.75rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.15;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .3);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(244, 162, 97, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-sharp: cubic-bezier(.4, 0, .6, 1);--transition-fast: .15s var(--ease-in-out);--transition-base: .25s var(--ease-in-out);--transition-slow: .4s var(--ease-in-out);--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}p{line-height:var(--line-height-relaxed)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}::selection{background-color:#f4a2614d;color:var(--color-text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-neutral-900)}::-webkit-scrollbar-thumb{background:var(--color-neutral-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--spacing-xl: 2rem;--spacing-2xl: 3rem}}