:root{--primary: #ffd700;--primary-dark: #e6c200;--surface-1: #1a1a1a;--surface-2: #242424;--surface-3: #2a2a2a;--text-1: #ffffff;--text-2: #999999;--accent: #ffd700;--card-radius: 8px;--transition: 0.2s ease;--container-max-width: 1200px;--card-shadow: 0 2px 4px rgba(0,0,0,0.2)}body.instagram-bio-page{background: var(--surface-1);color: var(--text-1);font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;margin: 0;padding: 0}.instagram-hero{background: var(--surface-2);padding: 3rem 0 2rem 0;position: relative;text-align: center}.hero-curve{position: absolute;left: 0;right: 0;bottom: 0;height: 40px;background: linear-gradient(180deg, var(--surface-2) 60%, transparent 100%);z-index: 1}.hero-content{position: relative;z-index: 2;max-width: 600px;margin: 0 auto}.hero-content h1{font-size: 2.5rem;color: var(--accent);margin-bottom: 0.5rem;font-weight: 700}.hero-content p{color: var(--text-2);font-size: 1.1rem;margin-bottom: 1.5rem}.search-containers{display: flex;justify-content: center;margin-top: 1rem}.search-box{background: var(--surface-3);border-radius: var(--card-radius);display: flex;align-items: center;padding: 0.5rem 1rem;box-shadow: var(--card-shadow);width: 100%;max-width: 400px}.search-box i{color: var(--accent);margin-right: 0.5rem}.search-box input{background: transparent;border: none;color: var(--text-1);font-size: 1rem;width: 100%;outline: none;padding: 0.5rem 0}.instagram-grid{background: var(--surface-1);padding: 2rem 0 3rem 0}.instagram-grid .container{max-width: var(--container-max-width);margin: 0 auto;padding: 0 1rem}.grid-container{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;justify-items: center}@media (max-width: 900px){.grid-container{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 600px){.grid-container{grid-template-columns: 1fr}}.instagram-post{background: var(--surface-2);border-radius: var(--card-radius);box-shadow: var(--card-shadow);overflow: hidden;display: flex;flex-direction: column;transition: transform var(--transition), box-shadow var(--transition);position: relative;width: 100%;max-width: 320px;margin: 0 0 2rem 0;box-sizing: border-box}.instagram-post:hover{transform: translateY(-4px) scale(1.01);box-shadow: 0 6px 16px rgba(0,0,0,0.25)}.post-image{width: 100%;aspect-ratio: 1/1;background: var(--surface-3);display: flex;align-items: center;justify-content: center;overflow: hidden}.post-image img{width: 100%;height: 100%;object-fit: cover;display: block;max-width: 100%;max-height: 100%}.post-content{padding: 1.25rem 1.25rem 0.5rem 1.25rem;flex: 1;display: flex;flex-direction: column;gap: 0.5rem}.post-header{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 0.5rem}.post-date{color: var(--accent);font-size: 0.95rem;display: flex;align-items: center;gap: 0.3rem}.post-caption{color: var(--text-1);font-size: 1.05rem;margin: 0.5rem 0 0.5rem 0;line-height: 1.5;word-break: break-word}.post-stats{display: flex;gap: 1.5rem;margin-top: 0.5rem}.post-stats .stat{color: var(--text-2);font-size: 0.95rem;display: flex;align-items: center;gap: 0.3rem}.post-link{display: block;background: var(--accent);color: var(--surface-1);text-align: center;font-weight: 600;padding: 0.85rem 0;text-decoration: none;border-radius: 0 0 var(--card-radius) var(--card-radius);font-size: 1.1rem;transition: background var(--transition), color var(--transition);margin: 1rem 1.25rem 1.25rem 1.25rem}.post-link:hover{background: var(--primary-dark);color: var(--surface-1)}.no-posts{text-align: center;color: var(--text-2);padding: 3rem 0}.no-posts i{font-size: 2.5rem;color: var(--accent);margin-bottom: 1rem}.no-posts h2{color: var(--text-1);font-size: 1.5rem;margin: 0.5rem 0 0.5rem 0}.no-posts .btn{background: var(--accent);color: var(--surface-1);border-radius: var(--card-radius);padding: 0.7rem 1.5rem;font-weight: 600;text-decoration: none;margin-top: 1rem;display: inline-block}.no-posts .btn:hover{background: var(--primary-dark)}.pagination{display: flex;justify-content: center;gap: 0.5rem;margin: 2rem 0 0 0}.page-link{background: var(--surface-3);color: var(--text-2);border-radius: 4px;padding: 0.5rem 1rem;text-decoration: none;font-size: 1rem;font-weight: 500;transition: background var(--transition), color var(--transition)}.page-link.active, .page-link:hover{background: var(--accent);color: var(--surface-1)}.how-it-works{background: var(--surface-2);padding: 3rem 0 3rem 0}.how-it-works .container{max-width: var(--container-max-width);margin: 0 auto;padding: 0 1rem}.section-title{color: var(--accent);font-size: 2rem;font-weight: 700;margin-bottom: 2rem;text-align: center}.steps-container{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 2rem;margin-top: 1.5rem}.step{background: var(--surface-3);border-radius: var(--card-radius);box-shadow: var(--card-shadow);padding: 2rem 1.5rem 1.5rem 1.5rem;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 1rem}.step-icon{background: var(--accent);color: var(--surface-1);border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 2rem;margin-bottom: 0.5rem}.step h3{color: var(--text-1);font-size: 1.2rem;margin: 0.5rem 0 0.5rem 0;font-weight: 600}.step p{color: var(--text-2);font-size: 1rem;margin: 0 0 1rem 0}.step-image{width: 100%;margin: 0 auto;margin-top: 0.5rem}.step-image img{width: 100%;max-width: 180px;border-radius: var(--card-radius);box-shadow: var(--card-shadow);background: #fff;display: block;margin: 0 auto}@media (max-width: 900px){.steps-container{grid-template-columns: 1fr 1fr}}@media (max-width: 600px){.steps-container{grid-template-columns: 1fr}.instagram-hero{padding: 2rem 0 1rem 0}.hero-content h1{font-size: 2rem}.section-title{font-size: 1.3rem}.step{padding: 1.2rem 0.7rem 1rem 0.7rem}}