:root{--gold:#d4af37;--gold-light:#f0d875;--gold-dark:#c9a227;--beige:#f5f0e6;--beige-dark:#e8dfd0;--green:#2d5a4a;--green-light:#3d7a64;--green-soft:#1f492b;--text-primary:var(--green-soft);--text-secondary:var(--green);--bg-primary:var(--beige);--bg-secondary:var(--beige-dark);--accent:var(--gold);--accent-light:var(--gold-light);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:64px;font:16px/145% var(--sans);letter-spacing:.18px;color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}#root{text-align:center;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-primary);font-weight:600;line-height:1.2}h1{margin-bottom:var(--spacing-md);font-size:2.5rem}h2{margin-bottom:var(--spacing-sm);font-size:1.75rem}h3{margin-bottom:var(--spacing-xs);font-size:1.25rem}p{margin:0;margin-bottom:var(--spacing-sm)}a{color:var(--green);text-decoration:none;transition:color .3s}a:hover{color:var(--gold-dark)}img{max-width:100%;height:auto}html{scroll-behavior:smooth}.section{padding:var(--spacing-xl) var(--spacing-md);width:100%}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}@media (width>=768px){:root{font-size:18px}.section{padding:var(--spacing-xxl) var(--spacing-lg)}h1{font-size:3rem}h2{font-size:2rem}}@media (width>=1024px){.section{padding:var(--spacing-xxl) var(--spacing-xl)}h1{font-size:3.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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 pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-slide-left{animation:.8s ease-out forwards slideInLeft}.animate-slide-right{animation:.8s ease-out forwards slideInRight}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.hero-section{min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);background:url(/banner.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:#f5e57b40;width:100%;height:100%;position:absolute;top:0;left:0}.hero-banner{z-index:1;width:100%;max-width:800px;position:relative}.hero-banner-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-lg);background:#f3e3c573;border:1px solid #c7ac5396;border-radius:16px}.hero-banner-text{color:var(--green-soft);text-align:center;margin:0;font-size:1.25rem;font-weight:600;line-height:1.6}@media (width>=768px){.hero-section{padding:var(--spacing-xxl) var(--spacing-lg)}.hero-banner-content{padding:var(--spacing-xl)}.hero-banner-text{font-size:1.5rem}}@media (width>=1024px){.hero-banner-text{font-size:1.75rem}}.hero-content{z-index:1;max-width:600px;position:relative}.hero-logo{width:200px;height:auto;margin-bottom:var(--spacing-md);object-fit:contain}.hero-title{color:var(--green-soft);margin-bottom:var(--spacing-sm);font-size:2rem}.hero-subtitle{color:var(--green);margin-bottom:var(--spacing-lg);font-size:1.25rem;font-weight:500}.hero-cta{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);color:#fff8dc;padding:var(--spacing-sm) var(--spacing-lg);text-shadow:0 1px 2px #0003;border-radius:50px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #b8860b66}.hero-cta:hover{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 50%, #8b6914 100%);color:#fff8dc;transform:translateY(-2px);box-shadow:0 6px 20px #b8860b80}.about-section{background:var(--beige);padding:var(--spacing-xl) var(--spacing-md);opacity:0;animation:.8s ease-out .3s forwards fadeIn}.about-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}.about-image{object-fit:cover;border-radius:16px;width:100%;height:250px;box-shadow:0 8px 24px #2d5a4a26}.about-content{text-align:left}.about-content h2{color:var(--green-soft);display:inline-block;position:relative}.about-content h2:after{content:"";background:var(--gold);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:0}.about-features{margin-top:var(--spacing-md);padding:0;list-style:none}.about-features li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.about-features li:before{content:"✓";color:var(--gold);font-weight:700;position:absolute;left:0}.networking-section{background:var(--green-soft);color:var(--beige);padding:var(--spacing-xl) var(--spacing-md);opacity:0;animation:.8s ease-out .5s forwards fadeIn}.networking-section h2{color:var(--beige)}.networking-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:1fr;display:grid}.networking-card{padding:var(--spacing-md);text-align:left;opacity:0;background:#f5f0e61a;border:1px solid #d4af374d;border-radius:16px;transition:all .3s ease-in-out;animation:.6s ease-out forwards fadeInUp;position:relative;top:0}.networking-card:first-child{animation-delay:.1s}.networking-card:nth-child(2){animation-delay:.2s}.networking-card:nth-child(3){animation-delay:.3s}.networking-card:nth-child(4){animation-delay:.4s}.networking-card:nth-child(5){animation-delay:.5s}.networking-card:nth-child(6){animation-delay:.6s}.networking-card:hover{background:#f5f0e629;top:-3px;box-shadow:0 12px 32px #00000063}.networking-card-icon{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);width:48px;height:48px;margin-bottom:var(--spacing-sm);border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.networking-card h3{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs);-webkit-background-clip:text;background-clip:text}.networking-card p{color:var(--beige-dark);margin:0;font-size:.95rem}.about-me-section{background:var(--beige-dark);padding:var(--spacing-xl) var(--spacing-md);opacity:0;animation:.8s ease-out .7s forwards fadeIn}.about-me-grid{gap:var(--spacing-lg);grid-template-columns:1fr;align-items:center;display:grid}.about-me-image{object-fit:cover;border:4px solid var(--gold);border-radius:50%;width:200px;height:200px;margin:0 auto;display:block;box-shadow:0 8px 32px #2d5a4a33}.about-me-content{text-align:center}.about-me-content h2{color:var(--green-soft)}.about-me-content p{color:var(--green)}.about-me-stats{justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.stat-item{text-align:center}.stat-number{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;display:block}.stat-label{color:var(--green);font-size:.875rem}.contact-section{background:var(--beige);padding:var(--spacing-xl) var(--spacing-md);opacity:0;animation:.8s ease-out .9s forwards fadeIn}.contact-form{text-align:left;max-width:500px;margin:0 auto}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs);color:var(--green-soft);font-weight:600;display:block}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--beige-dark);font-size:1rem;font-family:var(--sans);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b8860b33}.form-group textarea{resize:vertical;min-height:150px}.phone-input-wrapper{gap:var(--spacing-xs);display:flex}.country-code-selector{flex-shrink:0;position:relative}.country-code-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-primary);border:2px solid var(--beige-dark);cursor:pointer;color:var(--text-primary);border-radius:8px;justify-content:center;min-width:50px;height:46px;font-size:1rem;transition:border-color .3s,box-shadow .3s;display:flex}.country-code-button img{border-radius:2px;width:24px;height:auto}.country-code-button:hover{border-color:var(--gold)}.country-code-button:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b8860b33}.country-code{font-weight:500}.dropdown-arrow{color:var(--green);font-size:.7rem}.country-dropdown{background:var(--bg-primary);border:2px solid var(--beige-dark);z-index:100;border-radius:8px;min-width:200px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.country-option{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;font-size:.95rem;transition:background .2s;display:flex}.country-option:hover{background:var(--beige-dark)}.country-option img{border-radius:2px;width:24px;height:auto}.country-name{color:var(--green);font-size:.85rem}.phone-input-wrapper input{flex:1}.submit-button{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);color:#fff8dc;width:100%;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;text-shadow:0 1px 2px #0003;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #b8860b66}.submit-button:hover{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 50%, #8b6914 100%);color:#fff8dc;transform:translateY(-2px);box-shadow:0 6px 20px #b8860b80}.footer{background:var(--green-soft);color:var(--beige-dark);padding:var(--spacing-md);text-align:center}.footer p{margin:0;font-size:.875rem}.footer a{color:var(--gold)}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--beige);padding:var(--spacing-xl);text-align:center;border-radius:16px;width:90%;max-width:400px;animation:.4s ease-out fadeInUp;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{top:var(--spacing-sm);right:var(--spacing-sm);cursor:pointer;color:var(--green-soft);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:background .3s;display:flex;position:absolute}.modal-close:hover{background:var(--beige-dark)}.modal-icon{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);width:64px;height:64px;margin:0 auto var(--spacing-md);color:#fff8dc;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;animation:1s ease-in-out infinite pulse;display:flex}.modal-content h2{color:var(--green-soft);margin-bottom:var(--spacing-sm)}.modal-content p{color:var(--green);margin-bottom:var(--spacing-lg)}@media (width>=768px){.hero-section{padding:var(--spacing-xxl) var(--spacing-lg)}.hero-title{font-size:2.5rem}.about-grid{grid-template-columns:1fr 1fr;align-items:center}.about-image{height:300px}.networking-grid{grid-template-columns:repeat(2,1fr)}.about-me-grid{grid-template-columns:1fr 1fr}.about-me-content{text-align:left}.about-me-image{margin:0}}@media (width>=1024px){.hero-title{font-size:3rem}.networking-grid{grid-template-columns:repeat(3,1fr)}.about-image{height:350px}.about-me-image{width:250px;height:250px}}