:root{--background: hsl(210, 40%, 98%);--foreground: hsl(222.2, 84%, 4.9%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(222.2, 84%, 4.9%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(222.2, 84%, 4.9%);--primary: hsl(214, 100%, 50%);--primary-foreground: hsl(210, 40%, 98%);--secondary: hsl(262, 83%, 58%);--secondary-foreground: hsl(210, 40%, 98%);--muted: hsl(210, 40%, 96%);--muted-foreground: hsl(215.4, 16.3%, 46.9%);--accent: hsl(267, 84%, 81%);--accent-foreground: hsl(222.2, 84%, 4.9%);--destructive: hsl(0, 84.2%, 60.2%);--destructive-foreground: hsl(210, 40%, 98%);--border: hsl(214.3, 31.8%, 91.4%);--input: hsl(214.3, 31.8%, 91.4%);--ring: hsl(214, 100%, 50%);--font-sans: Inter, sans-serif;--font-serif: Georgia, serif;--font-mono: Menlo, monospace;--radius: .75rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{--background: hsl(0, 0%, 0%);--foreground: hsl(200, 6.7%, 91%);--card: hsl(228, 9.8%, 10%);--card-foreground: hsl(0, 0%, 85%);--primary: hsl(203.8, 87.6%, 52.5%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(195, 15.4%, 94.9%);--secondary-foreground: hsl(210, 25%, 7.8%);--muted: hsl(0, 0%, 9.4%);--muted-foreground: hsl(210, 3.3%, 46.3%);--accent: hsl(205.7, 70%, 7.8%);--accent-foreground: hsl(203.7, 87.6%, 52.5%);--destructive: hsl(356.3, 90.5%, 54.3%);--destructive-foreground: hsl(0, 0%, 100%);--border: hsl(210, 5.2%, 14.9%);--input: hsl(207.7, 27.6%, 18.4%);--ring: hsl(202.8, 89.1%, 53.1%)}@layer base{*{border-color:var(--border)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-color:var(--background);color:var(--foreground);line-height:1.6;margin:0;padding:64px 0 0;width:100%;overflow-x:hidden}*{box-sizing:border-box}img,video,iframe,canvas{max-width:100%;height:auto}section,[id]{scroll-margin-top:64px}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}}@layer utilities{.border-border{border:1px solid var(--border)}.bg-background{background-color:var(--background)}.text-foreground{color:var(--foreground)}.gradient-bg{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.glass-effect{background:color-mix(in srgb,var(--background) 10%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--border) 20%,transparent)}.dark .glass-effect{background:color-mix(in srgb,var(--foreground) 5%,transparent);border:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px color-mix(in srgb,var(--foreground) 10%,transparent)}.dark .hover-lift:hover{box-shadow:0 20px 40px color-mix(in srgb,var(--background) 30%,transparent)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-fade-in{animation:fadeIn .6s ease-in-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.theme-section{background:color-mix(in srgb,var(--muted) 30%,transparent);border:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.dark .theme-section{background:color-mix(in srgb,var(--card) 30%,transparent);border:1px solid color-mix(in srgb,var(--border) 30%,transparent)}.theme-card{background:var(--card);border:1px solid var(--border);color:var(--card-foreground)}.theme-button-hover{transition:all .2s ease}.theme-button-hover:hover{background:var(--accent);color:var(--accent-foreground)}.dark .theme-button-hover:hover{background:color-mix(in srgb,var(--accent) 80%,transparent)}.theme-text-primary{color:var(--primary)}.theme-text-secondary{color:var(--secondary)}.dark .theme-text-primary{color:color-mix(in srgb,var(--primary) 90%,transparent)}.dark .theme-text-secondary{color:color-mix(in srgb,var(--secondary) 90%,transparent)}.focus-visible{outline:2px solid var(--ring);outline-offset:2px}img{max-width:100%;height:auto}.loading{opacity:.7;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease}.navbar-transparent{background-color:#00fffb33;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;box-shadow:none}.dark .navbar-transparent{background-color:transparent;border-bottom:none;box-shadow:none}.navbar-scrolled{background:linear-gradient(90deg,#e49bc7,#6fb8e2,#6fb8e2,#6fb8e2);border-bottom:1px solid #e5e7eb;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark .navbar-scrolled{background-color:#1e3a8a}.navbar-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.navbar-container{padding:0 1.5rem}}@media (min-width: 1024px){.navbar-container{padding:0 2rem}}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:4rem;gap:.5rem}.logo-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex:1;min-width:0}.logo-image{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #d1d5db}.logo-text{font-size:1.125rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}@media (min-width: 640px){.logo-text{font-size:1.5rem;max-width:none}}.logo-text-gradient{background:linear-gradient(135deg,#0d67f8,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 30px rgba(59,130,246,.4);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.desktop-nav{display:none;align-items:center;gap:2rem}@media (min-width: 768px){.desktop-nav{display:flex}}.nav-links{display:flex;gap:1.5rem}.nav-button{color:#fffffff2;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.nav-button:hover{color:#fff;background:#ffffff26;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.nav-button:focus{outline:none;box-shadow:0 0 0 2px #facc15,0 0 0 4px #facc1533}.theme-toggle{margin-left:1rem}.mobile-menu-toggle{display:block;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .3s ease}.mobile-menu-toggle:hover{background-color:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.mobile-menu-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (min-width: 768px){.mobile-menu-toggle{display:none}}.mobile-icon{height:1.5rem;width:1.5rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.mobile-menu{display:block;background-color:#2563eb;border-top:1px solid #e5e7eb}@media (min-width: 768px){.mobile-menu{display:none}}.dark .mobile-menu{background-color:#1e3a8a}.mobile-menu-content{padding:.5rem 1rem;display:flex;flex-direction:column;gap:.25rem}.mobile-nav-button{display:block;width:100%;text-align:left;padding:.75rem;color:#fff;background:none;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s ease;min-height:44px;font-size:1rem}.mobile-nav-button:hover{color:#fde047;background-color:#1d4ed8}.mobile-theme-button{width:100%;justify-content:flex-start;padding:.5rem;color:#fff;background:transparent;border:none;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;transition:all .3s ease}.mobile-theme-button:hover{color:#fde047;background-color:#1d4ed8}.theme-icon{height:1.25rem;width:1.25rem;margin-right:.5rem}.icon-button{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .3s ease}.icon-button:hover{background-color:#ffffff1a}.icon-button .icon{height:1.25rem;width:1.25rem;color:#fff}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:1rem 1.5rem 2rem}@media (min-width: 1024px){.hero-section{padding:1rem 2rem 2rem}}.hero-background{position:absolute;inset:0;z-index:0}.hero-background-image{width:100%;height:100%;object-fit:cover;opacity:.9}.hero-background-overlay{position:absolute;inset:0;background-color:#0000004d}.hero-content{position:relative;z-index:10;text-align:center;max-width:80rem;width:100%}.hero-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1;color:#fff}@media (min-width: 640px){.hero-title{font-size:3rem}}@media (min-width: 768px){.hero-title{font-size:4.5rem}}.hero-subtitle{font-size:1rem;color:#e5e7eb;margin-bottom:2rem;max-width:48rem;margin-left:auto;margin-right:auto;padding:0 1rem}@media (min-width: 640px){.hero-subtitle{font-size:1.25rem;padding:0}}@media (min-width: 768px){.hero-subtitle{font-size:1.5rem}}.program-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:0 1rem}@media (min-width: 640px){.program-buttons{gap:1rem;padding:0}}.program-button{padding:.625rem 1rem;color:#fff;font-weight:700;border:2px solid #06b6d4;border-radius:.375rem;background-color:transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #06b6d480;font-size:.875rem;min-height:44px}@media (min-width: 640px){.program-button{padding:.75rem 1.5rem;font-size:1rem}}.program-button:hover{background-color:#06b6d4;color:#000;box-shadow:0 0 25px #06b6d4b3,0 0 40px #06b6d4b3}.hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.hero-actions{flex-direction:row}}.hero-button-primary{padding:1rem 2rem;background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:.375rem;cursor:pointer;font-size:1.125rem;transition:all .3s ease}.hero-button-primary:hover{background-color:#1d4ed8;transform:translateY(-2px)}.hero-button-secondary{padding:1rem 2rem;border:2px solid white;color:#fff;background-color:transparent;border-radius:.375rem;cursor:pointer;font-size:1.125rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.hero-button-secondary:hover{background-color:#fff;color:var(--primary)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;cursor:pointer}.scroll-indicator-icon{color:#fff;font-size:1.5rem}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(-50%)}40%,43%{transform:translate(-50%,-10px)}70%{transform:translate(-50%,-5px)}90%{transform:translate(-50%,-2px)}}.modal-image{width:100%;height:12rem;object-fit:cover;border-radius:.375rem;margin-bottom:1rem}@media (min-width: 640px){.modal-image{height:16rem}}.modal-close-btn:hover{background-color:#1d4ed8}:root{--primary: #2563eb;--primary-foreground: #ffffff}.about-section{padding:5rem 0;background-color:var(--background);color:var(--foreground)}.about-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.about-container{padding:0 1.5rem}}@media (min-width: 1024px){.about-container{padding:0 2rem}}.about-header{text-align:center;margin-bottom:4rem}.about-title{font-size:2.5rem;font-weight:700;color:var(--foreground);margin-bottom:1rem}@media (min-width: 768px){.about-title{font-size:3rem}}.about-subtitle{font-size:1.25rem;color:var(--muted-foreground);max-width:48rem;margin:0 auto}.about-content{display:grid;gap:3rem;align-items:center}@media (min-width: 768px){.about-content{grid-template-columns:1fr 1fr}}.about-text-content{display:flex;flex-direction:column;gap:1.5rem}.about-section-title{font-size:1.875rem;font-weight:700;color:var(--foreground)}.about-description{font-size:1.125rem;color:var(--muted-foreground);line-height:1.75}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.stat-item{text-align:center}.stat-number{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.stat-number.primary{color:var(--primary)}.stat-number.secondary{color:var(--secondary)}.stat-label{color:var(--muted-foreground)}.about-image-container{position:relative}.about-image{border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;height:auto;transition:transform .3s ease}.about-image:hover{transform:translateY(-4px)}.floating-icon{position:absolute;bottom:-1.5rem;right:-1.5rem;width:6rem;height:6rem;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}.floating-icon-svg{color:var(--primary-foreground);font-size:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root{--background: #ffffff;--foreground: #0f1419;--muted-foreground: #6b7280;--primary: #2563eb;--secondary: #7c3aed;--primary-foreground: #ffffff}.dark{--background: #0f1419;--foreground: #ffffff;--muted-foreground: #9ca3af;--primary: #3b82f6;--secondary: #8b5cf6}.vision-mission-section{position:relative;padding:5rem 0;background:linear-gradient(135deg,#2563eb0d,#7c3aed0d);overflow:hidden}.vision-mission-background{position:absolute;inset:0;background:linear-gradient(135deg,#2563eb08,#7c3aed08)}.background-pattern{position:absolute;inset:0;opacity:.1}.pattern-light,.pattern-dark{position:absolute;width:200px;height:200px;border-radius:50%;background:#2563eb1a}.pattern-light{top:10%;left:10%;animation:float 6s ease-in-out infinite}.pattern-dark{bottom:10%;right:10%;background:#7c3aed1a;animation:float 6s ease-in-out infinite reverse}.vision-mission-container{max-width:1280px;margin:0 auto;padding:0 1rem;position:relative;z-index:10}@media (min-width: 640px){.vision-mission-container{padding:0 1.5rem}}@media (min-width: 1024px){.vision-mission-container{padding:0 2rem}}.vision-mission-header{text-align:center;margin-bottom:4rem}.vision-mission-title{font-size:2.5rem;font-weight:700;color:var(--foreground);margin-bottom:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.vision-mission-title{font-size:3rem}}.vision-mission-subtitle{font-size:1.25rem;color:var(--muted-foreground);max-width:48rem;margin:0 auto}.vision-mission-grid{display:grid;gap:2rem;max-width:1000px;margin:0 auto}@media (min-width: 768px){.vision-mission-grid{grid-template-columns:1fr 1fr;gap:3rem}}.vision-mission-card{position:relative;background:var(--card);border-radius:1rem;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);overflow:hidden}.vision-mission-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-glow{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.card-glow.vision{background:linear-gradient(135deg,rgba(37,99,235,.1) 0%,transparent 50%)}.card-glow.mission{background:linear-gradient(135deg,rgba(124,58,237,.1) 0%,transparent 50%)}.vision-mission-card:hover .card-glow{opacity:1}.card-content{position:relative;z-index:1}.card-icon-container{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.vision-icon-container{background:linear-gradient(135deg,#2563eb1a,#2563eb33)}.mission-icon-container{background:linear-gradient(135deg,#7c3aed1a,#7c3aed33)}.card-icon{width:2rem;height:2rem;color:var(--primary)}.mission-icon{width:2rem;height:2rem;color:var(--secondary)}.card-title{font-size:1.5rem;font-weight:600;color:var(--foreground);margin-bottom:1rem}.card-description{color:var(--muted-foreground);line-height:1.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}:root{--background: #ffffff;--foreground: #0f1419;--muted-foreground: #6b7280;--primary: #2563eb;--secondary: #7c3aed;--primary-foreground: #ffffff;--card: #ffffff}.dark{--background: #0f1419;--foreground: #ffffff;--muted-foreground: #9ca3af;--primary: #3b82f6;--secondary: #8b5cf6;--card: #1f2937}.programs-section{padding:5rem 0;background-color:#f8fafc4d}.dark .programs-section{background-color:var(--background)}.programs-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.programs-container{padding:0 1.5rem}}@media (min-width: 1024px){.programs-container{padding:0 2rem}}.programs-header{text-align:center;margin-bottom:4rem}.programs-title{font-size:2.5rem;font-weight:700;color:var(--foreground);margin-bottom:1rem}@media (min-width: 768px){.programs-title{font-size:3rem}}.programs-subtitle{font-size:1.25rem;color:var(--muted-foreground);max-width:48rem;margin:0 auto}.programs-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.programs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.programs-grid{grid-template-columns:repeat(3,1fr)}}.program-card{background-color:var(--card);border-radius:.75rem;padding:1.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border);transition:all .3s ease;cursor:pointer}@media (min-width: 640px){.program-card{padding:1.5rem}}.program-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.05)}.program-icon-container{width:4rem;height:4rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.program-icon-container.primary{background-color:#2563eb1a}.dark .program-icon-container.primary{background-color:#2563eb33}.program-icon-container.secondary{background-color:#8b5cf61a}.dark .program-icon-container.secondary{background-color:#8b5cf633}.program-icon{font-size:1.5rem}.program-icon.primary{color:var(--primary)}.program-icon.secondary{color:var(--secondary)}.program-title{font-size:1.25rem;font-weight:700;color:var(--card-foreground);margin-bottom:.75rem}.program-description{color:var(--muted-foreground);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.program-footer{display:flex;justify-content:space-between;align-items:center}.program-duration{font-size:.875rem;color:var(--muted-foreground)}.program-learn-more{color:var(--primary);font-weight:600;background:none;border:none;cursor:pointer;font-size:.875rem;padding:0;text-decoration:none;transition:text-decoration .3s ease}.program-learn-more:hover{text-decoration:underline}.show-more-container{text-align:center;margin-top:2rem}.show-more-button{padding:.75rem 1.5rem;font-size:1.125rem;background-color:transparent;border:1px solid var(--border);border-radius:.375rem;color:var(--foreground);cursor:pointer;transition:all .3s ease}.show-more-button:hover{background-color:var(--muted)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:32rem;width:100%;position:relative;padding:1rem;margin:0 .5rem;max-height:90vh;overflow-y:auto}@media (min-width: 640px){.modal-content{padding:1.5rem;margin:0 1rem}}.dark .modal-content{background-color:#1f2937}.modal-close-button{position:absolute;top:1rem;right:1rem;color:#6b7280;background:none;border:none;cursor:pointer;padding:.25rem}.dark .modal-close-button{color:#d1d5db}.dark .modal-close-button:hover{color:#fff}.modal-image{width:100%;height:16rem;object-fit:cover;border-radius:.375rem;margin-bottom:1rem}.modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.dark .modal-title{color:#fff}.modal-description{color:#6b7280;margin-bottom:1rem}.dark .modal-description{color:#d1d5db}.modal-duration{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.dark .modal-duration{color:#d1d5db}.modal-close-btn{width:100%;margin-top:1rem;padding:.75rem;background-color:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.modal-close-btn:hover{background-color:#2563ebe6}:root{--background:#ffffff;--foreground:#0f1419;--muted:#f3f4f6;--muted-foreground:#6b7280;--primary:#2563eb;--secondary:#8b5cf6;--card:#ffffff;--card-foreground:#0f1419;--border:#e5e7eb}.dark{--background:#0f1419;--foreground:#ffffff;--muted:#374151;--muted-foreground:#9ca3af;--card:#1f2937;--card-foreground:#ffffff;--border:#374151}.chatbot-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50}.chat-window{background-color:var(--card);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:20rem;height:24rem;border:1px solid var(--border);margin-bottom:1rem;overflow:hidden;display:flex;flex-direction:column;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-header{background-color:var(--primary);color:var(--primary-foreground);padding:1rem;display:flex;justify-content:space-between;align-items:center}.chat-title{font-weight:600;font-size:.875rem}.chat-close-button{background:none;border:none;cursor:pointer;color:#fffc;transition:color .3s ease;padding:.25rem;border-radius:.25rem}.chat-close-button:hover{color:var(--primary-foreground);background-color:#ffffff1a}.chat-close-button svg{width:1rem;height:1rem}.messages-container{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:2px}.welcome-message{background-color:var(--muted);border-radius:.5rem;padding:.75rem;max-width:75%}.welcome-message p{font-size:.875rem;color:var(--muted-foreground);margin:0}.message{border-radius:.5rem;padding:.75rem;max-width:75%;word-wrap:break-word}.message.bot{background-color:var(--muted);align-self:flex-start}.message.user{background-color:var(--primary);color:var(--primary-foreground);align-self:flex-end;margin-left:auto}.message p{font-size:.875rem;margin:0}.chat-input-container{padding:1rem;border-top:1px solid var(--border)}.chat-input-form{display:flex;gap:.5rem}.chat-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--foreground);font-size:.875rem;transition:border-color .3s ease}.chat-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.chat-input::placeholder{color:var(--muted-foreground)}.chat-send-button{background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:.375rem;padding:.5rem;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.chat-send-button:hover:not(:disabled){background-color:#2563ebe6}.chat-send-button:disabled{opacity:.6;cursor:not-allowed}.chat-send-button svg{width:1rem;height:1rem}.chat-toggle-button{width:3.5rem;height:3.5rem;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background-color:var(--primary);color:var(--primary-foreground);border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}.chat-toggle-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background-color:#2563ebe6}.chat-toggle-button svg{width:1.5rem;height:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}:root{--background: #ffffff;--foreground: #0f1419;--muted: #f3f4f6;--muted-foreground: #6b7280;--primary: #2563eb;--primary-foreground: #ffffff;--card: #ffffff;--border: #e5e7eb}.dark{--background: #0f1419;--foreground: #ffffff;--muted: #374151;--muted-foreground: #9ca3af;--card: #1f2937;--border: #374151}.contact-section{padding:5rem 0;background-color:#f8fafc4d}.dark .contact-section{background-color:var(--background)}.contact-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.contact-container{padding:0 1.5rem}}@media (min-width: 1024px){.contact-container{padding:0 2rem}}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{font-size:2rem;font-weight:700;color:var(--foreground);margin-bottom:1rem}@media (min-width: 640px){.contact-title{font-size:2.5rem}}@media (min-width: 768px){.contact-title{font-size:3rem}}.contact-subtitle{font-size:1.25rem;color:var(--muted-foreground);max-width:48rem;margin:0 auto}.contact-content{display:grid;gap:3rem}@media (min-width: 768px){.contact-content{grid-template-columns:1fr 1fr}}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-info-item{display:flex;align-items:flex-start;gap:1rem}.contact-info-icon{width:3rem;height:3rem;background-color:#2563eb1a;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-icon svg{color:var(--primary);width:1.25rem;height:1.25rem}.contact-info-content h3{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.contact-info-content p{color:var(--muted-foreground)}.contact-form-container{background-color:var(--card);border-radius:.75rem;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border)}@media (min-width: 640px){.contact-form-container{padding:2rem}}.contact-form-title{font-size:1.5rem;font-weight:700;color:var(--card-foreground);margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;gap:1rem}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr}}.form-field{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:500;color:var(--card-foreground);margin-bottom:.5rem}.form-input{padding:.75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--foreground);font-size:.875rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--muted-foreground)}.form-textarea{padding:.75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--foreground);font-size:.875rem;resize:vertical;min-height:120px;transition:border-color .3s ease}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-select{padding:.75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--foreground);font-size:.875rem;cursor:pointer;transition:border-color .3s ease}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.submit-button{width:100%;padding:.75rem 1.5rem;background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.submit-button:hover:not(:disabled){background-color:#2563ebe6}.submit-button:disabled{opacity:.6;cursor:not-allowed}:root{--background: #ffffff;--foreground: #0f1419;--muted-foreground: #6b7280;--primary: #2563eb;--primary-foreground: #ffffff;--card: #ffffff;--card-foreground: #0f1419;--border: #e5e7eb}.dark{--background: #0f1419;--foreground: #ffffff;--muted-foreground: #9ca3af;--card: #1f2937;--card-foreground: #ffffff;--border: #374151}.footer{background-color:#1a1a1af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:4rem 0}.dark .footer{background-color:#0a0a0af2;color:#f5f5f5}.footer-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.footer-container{padding:0 1.5rem}}@media (min-width: 1024px){.footer-container{padding:0 2rem}}.footer-content{display:grid;gap:2rem}@media (min-width: 768px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{grid-column:span 2}@media (min-width: 768px){.footer-brand{grid-column:span 1}}.brand-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.brand-logo-container{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:#2563eb1a}.brand-logo{width:2.5rem;height:2.5rem;object-fit:contain;border-radius:.5rem}.brand-name{font-size:1.25rem;font-weight:700}.brand-description{margin-bottom:1rem;font-size:.875rem;line-height:1.6;color:#ffffffe6}.dark .brand-description{color:#f5f5f5d9}.social-links-title{font-size:.75rem;font-weight:600;color:var(--primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.social-links{display:flex;gap:.75rem;margin-top:.5rem}.social-button{width:2.5rem;height:2.5rem;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;color:#fffc}.social-button:hover{background-color:var(--social-color, var(--primary));color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:var(--social-color, var(--primary))}.social-button i{font-size:16px}.footer-section{display:flex;flex-direction:column}.footer-section-title{font-size:.875rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;color:var(--primary)}.footer-links{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.footer-link{background:none;border:none;color:#ffffffd9;cursor:pointer;text-align:left;padding:0;transition:color .3s ease}.footer-link:hover{color:#fff}.dark .footer-link{color:#f5f5f5cc}.dark .footer-link:hover{color:#f5f5f5}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:2rem;padding-top:1rem;text-align:center;font-size:.75rem;color:#ffffffb3}.dark .footer-bottom{border-top:1px solid rgba(245,245,245,.15);color:#f5f5f5a6}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background-color:#fff;border-radius:.5rem;max-width:36rem;width:100%;height:70vh;overflow-y:auto;position:relative;padding:1rem}.modal-close-button{position:absolute;top:1rem;right:1rem;color:#6b7280;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem}.modal-close-button:hover{color:#1f2937}.contact-info{color:#ffffffd9}.contact-info p{margin-bottom:.5rem}.contact-highlight{font-weight:500;color:#60a5fa}.dark .contact-info{color:#f5f5f5cc}.dark .contact-highlight{color:#34d399}.footer-heart{color:#f87171;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}