.site-header{position:sticky;top:0;z-index:1000;background-color:#fff;border-bottom:1px solid #eaeaea;padding:1rem 0;box-shadow:0 1px 4px #0000000d}.site-header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;padding:0 1rem;margin:0 auto}.site-header .logo{font-size:1.5rem;font-weight:700;color:#222;text-decoration:none}.site-header .nav{display:flex;align-items:center}.site-header .nav a{margin-left:1.5rem;text-decoration:none;font-size:1rem;color:#333;transition:color .3s ease}.site-header .nav a:hover{color:#0070f3}.site-header .nav .join-link{margin-left:1.5rem;padding:.5rem 1rem;background-color:#0070f3;color:#fff;border-radius:20px;font-weight:600;transition:background-color .3s ease}.site-header .nav .join-link:hover{background-color:#0059c1}.hero{display:flex;align-items:center;justify-content:center;min-height:90vh;padding:2rem;background:linear-gradient(135deg,#0070f3,#00bcd4);color:#fff;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3rem;margin-bottom:20px}.hero-title .highlight{color:#00d4ff}.hero-subtitle{font-size:1.25rem;margin-bottom:30px;opacity:.85}.hero-button{padding:12px 24px;background-color:#00d4ff;color:#000;text-decoration:none;font-weight:700;border-radius:8px;transition:background-color .3s ease}.hero-button:hover{background-color:#00b5db}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*,:before,:after{margin:0;padding:0;box-sizing:border-box}