:root{--primary: #6edccf;--secondary: #1A1A1A;--accent: #FF4D4D;--bg: #FFFFFF;--surface: #F9FAFB;--text: #1A1A1A;--text-muted: #636E72;--border: #F1F1F1;--font-main: "Outfit", sans-serif;--gradient: radial-gradient(circle at center, var(--primary) 0%, rgba(255, 255, 255, 0) 70%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.navbar{padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.logo-icon{width:32px;height:32px;background:var(--primary);border-radius:8px}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{text-decoration:none;font-weight:500;color:var(--text);font-size:.95rem}.nav-auth{display:flex;align-items:center;gap:1.5rem}.btn{padding:.75rem 1.75rem;border-radius:12px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;font-size:.95rem}.btn-black{background:var(--secondary);color:#fff}.btn-black:hover{opacity:.9;transform:translateY(-2px)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.hero{padding:6rem 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-content h1{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:2rem}.hero-content p{color:var(--text-muted);font-size:1.2rem;max-width:500px;margin-bottom:3rem}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-bg-gradient{position:absolute;width:140%;height:140%;background:var(--gradient);filter:blur(40px);z-index:-1;opacity:.6}.feature-item img{opacity:0;transform:translateY(20px);transition:all .6s ease}.reveal.visible .feature-item img{opacity:1;transform:translateY(0)}.mockup-img{width:85%;transform:rotate(-10deg) translateY(-20px);filter:drop-shadow(0 30px 60px rgba(0,0,0,.1))}.section{padding:8rem 0}.text-center{text-align:center}.section-header h2{font-size:3rem;margin-bottom:1rem}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.feature-item .icon{width:48px;height:48px;background:#f1f1f1;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-item h3{margin-bottom:1rem}.feature-item p{color:var(--text-muted)}.community-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:1.5rem}.community-item{border-radius:24px;overflow:hidden;position:relative}.community-item img{width:100%;height:100%;object-fit:cover}.col-span-2{grid-column:span 2}.row-span-2{grid-row:span 2}.btn.lg{padding:1rem 2.5rem;font-size:1.1rem}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.testimonial-card{background:#f9fafb;padding:3rem;border-radius:32px}.testimonial-card p{font-size:1.1rem;font-style:italic;margin-bottom:2rem}.user-info{display:flex;align-items:center;gap:1rem}.user-img{width:48px;height:48px;border-radius:50%;background:#ddd}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.165,.84,.44,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;padding:4rem 0}.hero-content h1{font-size:3.5rem}.hero-content p{margin:0 auto 3rem}.hero-image{margin-top:4rem}.features-grid{grid-template-columns:1fr 1fr;gap:2rem}.community-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.navbar{flex-direction:column;gap:1.5rem;padding:1rem 0}.nav-links{gap:1.5rem}.hero-content h1{font-size:2.8rem}.features-grid,.testimonials-grid{grid-template-columns:1fr}.community-grid{grid-template-columns:1fr;grid-auto-rows:200px}.col-span-2{grid-column:auto}.row-span-2{grid-row:auto}.section-header h2{font-size:2.2rem}.testimonial-card{padding:2rem}}