/* muhan.studio */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: linear-gradient(to bottom, #f0f0ff, #e8f0ff); color: #1e1b4b; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.7; min-height: 100vh; }
.hero { min-height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: 2rem; }
.blob { position: absolute; border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
.hero-blob { width: 250px; height: 250px; background: rgba(129,140,248,0.15); }
.brand { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); position: relative; z-index: 1; }
.studio-id { font-family: 'Fira Code', monospace; font-size: 0.6rem; color: #818cf8; margin-top: 0.5rem; position: relative; z-index: 1; }
.projects { max-width: 500px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1.5rem; }
.blob-card { padding: 2rem; }
.indigo-blob { background: rgba(129,140,248,0.12); border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
.pink-blob { background: rgba(240,171,252,0.12); border-radius: 70% 30% 30% 70% / 30% 70% 30% 70%; }
.teal-blob { background: rgba(94,234,212,0.12); border-radius: 40% 60% 50% 50% / 60% 40% 60% 40%; }
.proj-label { font-family: 'Fira Code', monospace; font-size: 0.6rem; color: #818cf8; display: block; margin-bottom: 0.4rem; }
.proj-title { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1.2rem; margin-bottom: 0.3rem; }
.proj-text { font-size: 0.8rem; color: #555; }
.infinite { display: flex; justify-content: center; padding: 4rem 2rem; }
.overlap-blobs { position: relative; width: 200px; height: 100px; }
.small-blob { position: absolute; border-radius: 50%; opacity: 0.3; }
.sb-1 { width: 80px; height: 80px; background: #818cf8; left: 0; top: 10px; }
.sb-2 { width: 70px; height: 70px; background: #f0abfc; left: 50px; top: 0; }
.sb-3 { width: 60px; height: 60px; background: #5eead4; left: 100px; top: 20px; }
.flow { text-align: center; padding: 3rem 2rem; }
.footer-brand { font-size: 0.65rem; color: #c7d2fe; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }