@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter', system-ui, -apple-system, sans-serif;font-size:16px;line-height:1.6;color:#111827;background-color:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}.heading-1{font-size:2.5rem;color:#0c4a6e}@media (min-width: 768px){.heading-1{font-size:3.75rem}}@media (min-width: 1024px){.heading-1{font-size:4.5rem}}.heading-2{font-size:2rem;color:#075985}@media (min-width: 768px){.heading-2{font-size:2.5rem}}a{color:#0284c7;text-decoration:none}a:hover{color:#0369a1}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}header{background-color:white;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);position:sticky;top:0;z-index:50;transition:transform 0.3s ease}header.-translate-y-full{transform:translateY(-100%)}header nav .flex{justify-content:space-between;align-items:center;height:4rem}header .team-logo{display:flex;align-items:center;gap:0.5rem;font-weight:bold;font-size:1.25rem;color:#0c4a6e}.nav-links{display:none;gap:1.5rem}@media (min-width: 768px){.nav-links{display:flex}}.nav-link{color:#0369a1;position:relative;transition:color 0.2s}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#0284c7;transition:width 0.3s ease}.nav-link:hover{color:#0c4a6e}.nav-link:hover::after{width:100%}.mobile-menu-toggle{display:block;padding:0.5rem;background:none;border:none;cursor:pointer}@media (min-width: 768px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle svg{width:1.5rem;height:1.5rem}#mobileMenu.hidden{display:none}#mobileMenu a{display:block;padding:0.75rem 1rem;color:#0369a1;border-radius:0.5rem}#mobileMenu a:hover{background-color:#f3f4f6;color:#0c4a6e}.btn-primary,.btn-secondary{display:inline-block;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:500;text-align:center;transition:all 0.3s ease;cursor:pointer;border:2px solid transparent}.btn-primary{background-color:#0284c7;color:white}.btn-primary:hover{background-color:#0369a1;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.btn-secondary{background-color:transparent;color:#0284c7;border-color:#0284c7}.btn-secondary:hover{background-color:#0284c7;color:white}.card{background-color:white;border-radius:0.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:box-shadow 0.3s ease}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}.hero{background:linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);position:relative;overflow:hidden;padding:6rem 0}@media (min-width: 768px){.hero{padding:8rem 0}}.hero .hero-content{text-align:center;max-width:64rem;margin:0 auto;position:relative;z-index:10}.hero .hero-title{margin-bottom:1.5rem}.hero .hero-title .accent{color:#0284c7}.hero .hero-tagline{font-size:1.5rem;color:#0369a1;margin-bottom:2rem;font-weight:300}@media (min-width: 768px){.hero .hero-tagline{font-size:1.875rem}}.hero .hero-description{font-size:1.125rem;color:#374151;max-width:48rem;margin:0 auto 3rem}@media (min-width: 768px){.hero .hero-description{font-size:1.25rem}}.hero .hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.hero .hero-actions{flex-direction:row}}.wave-divider{position:absolute;bottom:0;left:0;right:0}.wave-divider svg{display:block;width:100%;height:4rem}@media (min-width: 768px){.wave-divider svg{height:6rem}}section{padding:4rem 0}@media (min-width: 768px){section{padding:6rem 0}}section.bg-gray{background-color:#f3f4f6}section h2{text-align:center;margin-bottom:4rem}.grid{display:grid;gap:2rem}.grid.grid-cols-1{grid-template-columns:1fr}@media (min-width: 768px){.grid.md\\:grid-cols-2{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.grid.lg\\:grid-cols-4{grid-template-columns:repeat(4, 1fr)}}.philosophy-card{text-align:center}.philosophy-card .icon{font-size:2rem;margin-bottom:1rem}.philosophy-card p{color:#374151}.symbol-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.symbol-item .icon{font-size:1.5rem;flex-shrink:0}.symbol-item p{font-size:1.125rem;color:#374151}.core-words{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:48rem;margin:0 auto}.core-words .word-tag{padding:0.75rem 1.5rem;background-color:#e0f2fe;color:#075985;border-radius:2rem;font-size:1.125rem;font-family:'JetBrains Mono', monospace}footer{background-color:#0c4a6e;color:white;margin-top:4rem;position:relative}footer .footer-content{padding:3rem 0}footer .footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){footer .footer-grid{grid-template-columns:repeat(3, 1fr)}}footer h3,footer h4{margin-bottom:1rem}footer .footer-text{color:#b5dff7}footer .footer-text.italic{font-style:italic}footer .philosophy-list{list-style:none}footer .philosophy-list li{margin-bottom:0.5rem;color:#b5dff7}footer .philosophy-list li::before{content:"• "}footer .hashtags{display:flex;gap:0.5rem;margin-top:1rem}footer .hashtags .tag{padding:0.25rem 0.75rem;background-color:#075985;border-radius:1rem;font-size:0.875rem}footer .footer-bottom{border-top:1px solid #075985;margin-top:2rem;padding-top:2rem;text-align:center;color:#87cbf2;font-size:0.875rem}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes drift{0%, 100%{transform:translateX(0)}50%{transform:translateX(10px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-drift{animation:drift 10s ease-in-out infinite}.fade-in{opacity:0;transform:translateY(2.5rem);transition:all 0.7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.dark-mode-toggle{padding:0.5rem;border-radius:0.5rem;background:none;border:none;cursor:pointer;transition:background-color 0.2s}.dark-mode-toggle:hover{background-color:#f3f4f6}.dark-mode-toggle svg{width:1.25rem;height:1.25rem}.text-center{text-align:center}.max-w-4xl{max-width:64rem}.max-w-2xl{max-width:48rem}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-16{margin-top:4rem}.space-y-2>*+*{margin-top:0.5rem}.space-y-8>*+*{margin-top:2rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.relative{position:relative}.z-10{z-index:10}.hidden{display:none}.block{display:block}.italic{font-style:italic}.font-light{font-weight:300}.font-bold{font-weight:700}.font-mono{font-family:'JetBrains Mono', monospace}.dark{background-color:#111827;color:#f3f4f6}.dark header{background-color:#1f2937}.dark .nav-link{color:#d1d5db}.dark .nav-link:hover{color:white}.dark .card{background-color:#1f2937;color:#f3f4f6}.dark .hero{background:linear-gradient(135deg, #1f2937 0%, #374151 100%)}.dark .philosophy-card p,.dark .symbol-item p,.dark .hero-description{color:#d1d5db}.dark section.bg-gray{background-color:#1f2937}