@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap);.navbar{background:#0d1117;border-bottom:1px solid #21262d;position:sticky;top:0;z-index:100}.navbar-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#f0f6fc;font-size:1.25rem;font-weight:700;gap:2px;text-decoration:none}.logo-bracket{color:#58a6ff;font-family:Fira Code,Courier New,monospace}.logo-name{color:#f0f6fc}.navbar-links{display:flex;gap:8px}.nav-link{align-items:center;border-radius:8px;color:#8b949e;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#161b22;color:#f0f6fc}.nav-link.active{background:#21262d;color:#f0f6fc}@media (max-width:600px){.navbar-container{padding:0 16px}}@media (max-width:400px){.navbar-logo{font-size:1rem}.nav-link{font-size:.8rem;gap:4px;padding:8px 10px}}.skills-section{margin-bottom:48px}.section-title{align-items:center;color:#f0f6fc;display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin-bottom:24px}.title-accent{color:#58a6ff;font-family:Fira Code,Courier New,monospace}.skills-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skill-category{background:#161b22;border:1px solid #21262d;border-radius:12px;padding:20px;transition:border-color .3s ease,transform .2s ease}.skill-category:hover{border-color:#58a6ff;transform:translateY(-2px)}.skill-category-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.skill-category-header h3{color:#f0f6fc;font-size:1rem;font-weight:600;margin:0}.skill-icon{font-size:1.3rem}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#0d1117;border:1px solid #21262d;border-radius:20px;color:#8b949e;font-size:.8rem;font-weight:500;padding:4px 12px;transition:all .2s ease}.skill-tag:hover{border-color:#58a6ff;color:#58a6ff}@media (max-width:480px){.skills-grid{grid-template-columns:1fr}.skill-category{padding:16px}}.project-card{background:#161b22;border:1px solid #21262d;border-radius:12px;overflow:hidden;transition:border-color .3s ease,transform .3s ease}.project-card:hover{border-color:#58a6ff;transform:translateY(-4px)}.project-image-wrapper{aspect-ratio:16/9;overflow:hidden;position:relative}.project-image{color:#0000;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{align-items:center;background:#0d1117d9;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}@media (hover:none){.project-overlay{background:#0d1117a6;opacity:1}.project-card:hover .project-image{transform:none}}.project-links{display:flex;gap:12px}.project-link{align-items:center;background:#21262d;border-radius:8px;color:#f0f6fc;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 18px;text-decoration:none;transition:background .2s ease}.project-link:hover{background:#30363d}.project-link.live{background:#238636}.project-link.live:hover{background:#2ea043}.project-info{padding:20px}.project-title{color:#f0f6fc;font-size:1.15rem;font-weight:700;margin:0 0 8px}.project-description{color:#8b949e;font-size:.875rem;line-height:1.5;margin:0 0 14px}.project-tech{display:flex;flex-wrap:wrap;gap:6px}.tech-badge{background:#0d1117;border:1px solid #1f6feb33;border-radius:16px;color:#58a6ff;font-size:.75rem;font-weight:600;padding:3px 10px}@media (max-width:480px){.project-info{padding:14px}.project-title{font-size:1rem}.project-link{font-size:.8rem;padding:8px 12px}}.portfolio-page{margin:0 auto;max-width:1200px;padding:40px 24px}.hero{align-items:center;display:flex;gap:60px;margin-bottom:64px;min-height:400px}.hero-content{flex:1 1}.hero-greeting{color:#58a6ff;font-family:Fira Code,Courier New,monospace;font-size:1rem;font-weight:500;margin:0 0 4px}.hero-name{color:#f0f6fc;font-size:3rem;font-weight:800;line-height:1.1;margin:0 0 8px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#58a6ff,#bc8cff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;margin:0 0 16px}.hero-description{color:#8b949e;font-size:1rem;line-height:1.7;margin:0 0 24px;max-width:500px}.hero-cta{display:flex;gap:12px}.cta-button{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 24px;text-decoration:none;transition:all .2s ease}.cta-button.primary{background:#21262d;border:1px solid #30363d;color:#f0f6fc}.cta-button.primary:hover{background:#30363d;border-color:#58a6ff}.hero-visual{flex:0 0 380px}.code-block{background:#0d1117;border:1px solid #21262d;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.code-header{background:#161b22;display:flex;gap:8px;padding:12px 16px}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.code-content{color:#8b949e;font-family:Fira Code,Courier New,monospace;font-size:.85rem;line-height:1.6;margin:0;overflow-x:auto;padding:20px}.code-content code{color:#e6edf3}.projects-section{margin-bottom:48px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.empty-state{padding:40px}@media (max-width:900px){.hero{flex-direction:column;gap:40px;min-height:auto;text-align:center}.hero-description{max-width:100%}.hero-cta{justify-content:center}.hero-visual{flex:none;max-width:400px;width:100%}.hero-name{font-size:2.2rem}}@media (max-width:600px){.portfolio-page{padding:24px 16px}.projects-grid{grid-template-columns:1fr}.section-title{font-size:1.25rem}}@media (max-width:480px){.hero-name{font-size:1.8rem}.hero-title{font-size:1.15rem}.hero-description{font-size:.9rem}.hero-visual{max-width:100%}.code-content{font-size:.75rem;padding:14px}}.post-grid-item{aspect-ratio:1;border-radius:4px;cursor:pointer;overflow:hidden;position:relative}.post-grid-image{color:#0000;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post-grid-item:hover .post-grid-image{transform:scale(1.05)}.post-grid-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.post-grid-item:hover .post-grid-overlay{opacity:1}.post-grid-stats{color:#fff;display:flex;font-size:1rem;font-weight:700;gap:16px}.post-multi-badge{align-items:center;background:#0000008c;border-radius:4px;display:flex;padding:3px 5px;pointer-events:none;position:absolute;right:8px;top:8px}.post-modal-backdrop{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:1000}.post-modal{background:#161b22;border:1px solid #21262d;border-radius:12px;max-height:92vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.post-modal-close{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease;width:32px;z-index:10}.post-modal-close:hover{background:#000c}.post-modal-content{display:flex;flex-direction:column}.carousel{align-items:center;background:#0d1117;display:flex;justify-content:center;min-height:260px;overflow:hidden;position:relative}.carousel,.carousel-image{max-height:520px;width:100%}.carousel-image{animation:fadeIn .2s ease;color:#0000;display:block;object-fit:contain}@keyframes fadeIn{0%{opacity:.4}to{opacity:1}}.carousel-arrow{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;position:absolute;top:50%;touch-action:manipulation;transform:translateY(-50%);transition:background .2s ease;-webkit-user-select:none;user-select:none;width:40px;z-index:5}.carousel-arrow:hover{background:#000c}.carousel-arrow.left{left:8px}.carousel-arrow.right{right:8px}@media (hover:none){.carousel-arrow{background:#000000a6;font-size:2.2rem;height:48px;width:48px}.post-grid-overlay{background:#0003;opacity:1}}.carousel-dots{bottom:10px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.carousel-dot{background:#ffffff73;border-radius:50%;cursor:pointer;height:6px;transition:background .2s ease,transform .2s ease;width:6px}.carousel-dot.active{background:#fff;transform:scale(1.3)}.carousel-counter{background:#0000008c;border-radius:12px;color:#fff;font-size:.78rem;font-weight:600;left:12px;padding:3px 8px;pointer-events:none;position:absolute;top:10px;z-index:5}.post-modal-details{padding:20px}.post-modal-caption{color:#f0f6fc;font-size:.95rem;line-height:1.6;margin:0 0 12px}.post-modal-meta{align-items:center;color:#8b949e;display:flex;font-size:.85rem;justify-content:space-between}.post-modal-likes{font-weight:600}.posts-page{margin:0 auto;max-width:935px;padding:30px 20px}.loading{color:#8b949e;padding:40px;text-align:center}.ig-profile-header{align-items:flex-start;display:flex;gap:40px;padding:20px 0 30px}.ig-avatar-wrapper{display:flex;flex:0 0 150px;justify-content:center}.ig-avatar{background:#161b22;border:3px solid #21262d;border-radius:50%;height:150px;object-fit:cover;width:150px}.ig-profile-info{flex:1 1}.ig-username-row{align-items:center;display:flex;gap:20px;margin-bottom:16px}.ig-username{color:#f0f6fc;font-size:1.4rem;font-weight:400;margin:0}.ig-follow-btn{background:#58a6ff;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 24px;text-decoration:none;transition:background .2s ease}.ig-follow-btn:hover{background:#1f6feb}.ig-stats{display:flex;gap:32px;margin-bottom:16px}.ig-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.ig-stat-number{color:#f0f6fc;font-size:1.05rem;font-weight:700}.ig-stat-label{color:#8b949e;font-size:.8rem}.ig-bio{margin-top:4px}.ig-fullname{color:#f0f6fc;font-size:.9rem;font-weight:700;margin:0 0 4px}.ig-bio-text{color:#8b949e;font-size:.9rem;line-height:1.5;margin:0}.ig-mobile-stats{border-bottom:1px solid #21262d;display:none;justify-content:space-around;padding:12px 0}.ig-mobile-stats,.ig-tabs{border-top:1px solid #21262d}.ig-tabs{display:flex;justify-content:center;margin-top:10px}.ig-tab{align-items:center;background:none;border:none;border-top:1px solid #0000;color:#8b949e;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:1px;margin-top:-1px;padding:16px 20px;transition:color .2s ease}.ig-tab.active{border-top-color:#f0f6fc;color:#f0f6fc}.ig-posts-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-top:4px}.empty-state{color:#484f58;font-style:italic;padding:60px 20px;text-align:center}@media (max-width:735px){.ig-profile-header{align-items:center;flex-direction:column;gap:16px;padding-bottom:16px;text-align:center}.ig-avatar-wrapper{flex:none}.ig-avatar{height:86px;width:86px}.ig-username-row{flex-direction:column;gap:12px;justify-content:center}.ig-username{font-size:1.2rem}.ig-stats{display:none}.ig-mobile-stats{display:flex}.ig-bio{text-align:center}.ig-posts-grid{gap:2px}}@media (max-width:480px){.posts-page{padding:16px 8px}.ig-avatar{height:72px;width:72px}.ig-username{font-size:1rem}.ig-stat-number{font-size:.95rem}.ig-stat-label{font-size:.72rem}.ig-follow-btn{font-size:.8rem;padding:5px 16px}.post-modal-details{padding:14px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1117;color:#f0f6fc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.footer{border-top:1px solid #21262d;color:#484f58;font-size:.85rem;padding:24px;text-align:center}.footer a{color:#58a6ff;text-decoration:none}.footer a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d1117}::-webkit-scrollbar-thumb{background:#21262d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#30363d}::selection{background:#58a6ff33;color:#f0f6fc}
/*# sourceMappingURL=main.b6751cc3.css.map*/