.app{min-height:100vh}.hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--boulder-sky) 0%,var(--boulder-sunrise) 100%);z-index:-1}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,107,.1) 0%,transparent 50%)}.hero-content{position:relative;z-index:1;color:var(--text-light);padding:var(--spacing-xl) 0}.hero-title{font-size:4rem;margin-bottom:var(--spacing-sm);animation:fadeInUp .8s ease-out}.hero-subtitle{font-size:1.75rem;font-weight:300;margin-bottom:var(--spacing-md);opacity:.95;animation:fadeInUp .8s ease-out .1s both}.hero-description{font-size:1.25rem;max-width:700px;margin-bottom:var(--spacing-lg);opacity:.9;line-height:1.7;animation:fadeInUp .8s ease-out .2s both}.hero-cta{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;animation:fadeInUp .8s ease-out .3s both}.next-meetup{display:flex;flex-direction:column;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.meetup-label{font-size:.875rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.meetup-date{font-size:1.125rem;font-weight:600}.meetup-date-link{font-size:1.125rem;font-weight:600;color:inherit;text-decoration:none;transition:opacity .3s ease}.meetup-date-link:hover{opacity:.8}.cta-button{display:inline-block;background:#fff;color:var(--boulder-mountain);padding:var(--spacing-sm) var(--spacing-md);border-radius:50px;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cta-button-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:1.25rem}.principles{padding:var(--spacing-xl) 0;background:#fff}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.principle{padding:var(--spacing-md);background:var(--boulder-snow);border-radius:16px;border-left:4px solid var(--boulder-sky);transition:transform .3s ease}.principle:hover{transform:translateY(-4px)}.principle h3{color:var(--boulder-mountain);margin-bottom:var(--spacing-sm)}.emerging{padding:var(--spacing-xl) 0;background:var(--boulder-snow)}.section-intro{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin-bottom:var(--spacing-lg)}.emerging-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.emerging-item{background:#fff;padding:var(--spacing-md);border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.emerging-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.emerging-category{display:inline-block;font-size:.875rem;color:var(--boulder-sunrise);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.emerging-item h4{color:var(--boulder-mountain);margin-bottom:var(--spacing-xs)}.how-we-build{padding:var(--spacing-xl) 0;background:#fff}.build-process{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.process-item{text-align:center}.process-item h3{color:var(--boulder-mountain);margin-bottom:var(--spacing-sm)}.process-item h3 a{color:inherit;text-decoration:none;transition:opacity .3s ease}.process-item h3 a:hover{opacity:.8}.process-item p a{color:var(--boulder-mountain);transition:opacity .3s ease}.process-item p a:hover{opacity:.7}.join{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--boulder-mountain) 0%,var(--boulder-night) 100%);color:var(--text-light);text-align:center}.join h2{margin-bottom:var(--spacing-md)}.join-description{font-size:1.25rem;max-width:700px;margin:0 auto var(--spacing-lg);opacity:.9}.join-note{margin-top:var(--spacing-md);opacity:.8;font-style:italic}.calendar{padding:var(--spacing-xl) 0;background:var(--boulder-snow);text-align:center}.calendar h2{color:var(--boulder-mountain);margin-bottom:var(--spacing-md)}.calendar-description{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto var(--spacing-lg)}.calendar-embed{display:flex;justify-content:center;max-width:100%;overflow:hidden}.calendar-embed iframe{max-width:100%;width:100%;max-width:600px;border-radius:8px;box-shadow:0 4px 20px #0000001a}.footer{padding:var(--spacing-md) 0;background:var(--boulder-night);color:var(--text-light);text-align:center}.footer-links{margin-top:var(--spacing-xs)}.footer-links a{color:var(--text-light);text-decoration:none;margin:0 var(--spacing-sm);opacity:.8;transition:opacity .3s ease}.footer-links a:hover{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-cta{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.next-meetup,.cta-button{text-align:center}.principles-grid,.emerging-grid,.build-process{grid-template-columns:1fr}.process-item{text-align:left}.calendar-embed iframe{height:350px}}*{margin:0;padding:0;box-sizing:border-box}:root{--boulder-sunrise: #ff6b6b;--boulder-sky: #4ecdc4;--boulder-mountain: #556b8d;--boulder-earth: #8b6f47;--boulder-snow: #f7f7f7;--boulder-night: #2c3e50;--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-light: #ffffff;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-primary);background-color:var(--boulder-snow)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:3rem;font-weight:700}h2{font-size:2.25rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{margin-bottom:var(--spacing-sm)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}.container{padding:0 var(--spacing-sm)}}