@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap);body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4,h5,h6{margin-top:0}section{padding:5rem 0;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:#0000;left:0;padding:1.5rem 0;position:fixed;top:0;transition:all .4s ease;width:100%;z-index:1000}.header.scrolled{background:#0000;padding:.5rem 0}.header.scrolled .header-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--nav-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-md);margin-top:10px;padding:.6rem 1.5rem}.header-content{align-items:center;display:flex;justify-content:space-between}.signature a{color:var(--text-primary);cursor:pointer;text-decoration:none;transition:opacity .3s ease}.signature span{color:var(--accent-color)}.nav-desktop{align-items:center;display:flex}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{color:var(--text-primary);font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:var(--accent-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover{color:var(--accent-color)}.nav-links a:hover:after{width:100%}.header-controls{align-items:center;display:flex;gap:1.5rem}.theme-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.2rem;transition:transform .3s ease,color .3s ease}.theme-toggle:hover{color:var(--accent-color);transform:rotate(15deg)}.menu-button{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem}.mobile-menu{background:var(--nav-bg);border-top:1px solid var(--card-border);left:0;overflow:hidden;position:absolute;top:100%;width:100%}.mobile-nav-links{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:1rem 2rem}.mobile-nav-links li a{color:var(--text-primary);display:block;font-size:1.1rem;font-weight:500;padding:.5rem 0;text-decoration:none}@media (max-width:768px){.nav-desktop{display:none}.menu-button{display:block}}.about{align-items:center;display:flex;padding-bottom:80px;padding-top:120px;position:relative}.about-content-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:280px 1fr;width:100%}.about-image-section{align-items:center;display:flex;justify-content:center}.profile-image-container{height:280px;position:relative;width:280px}.profile-img{border:1px solid var(--card-border);border-radius:16px;height:100%;object-fit:cover;width:100%}.about-summary-section{display:flex;flex-direction:column}.welcome-text{color:var(--text-secondary);font-size:1rem;font-weight:500;letter-spacing:2px;margin-bottom:.25rem;text-transform:uppercase}.name-title{color:var(--text-primary);font-size:clamp(2.8rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:.5rem}.gradient-subtitle{color:var(--accent-color);font-size:clamp(1rem,2vw,1.25rem);font-weight:500;margin-bottom:1.5rem}.bio-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:2rem;max-width:600px}.cta-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.7rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--accent-color);border:1px solid var(--accent-color);color:#fff}.btn-secondary{background:#0000;border:1px solid var(--card-border);color:var(--text-primary)}.btn-primary:hover{opacity:.9}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}@media (max-width:968px){.about-content-grid{gap:2.5rem;grid-template-columns:1fr;text-align:center}.about-image-section{order:1}.about-summary-section{align-items:center;order:2}.profile-image-container{height:220px;width:220px}.bio-text{margin-left:auto;margin-right:auto}.cta-container{justify-content:center}}@media (max-width:480px){.profile-image-container{height:180px;width:180px}.name-title{font-size:2.2rem}}.resume-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px}.resume-card h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.resume-card .subtitle{color:var(--accent-color);font-size:.95rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.resume-card .result{background:var(--accent-glow);border-radius:50px;color:var(--accent-color);display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:1rem;padding:4px 10px}.resume-card .description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.education{padding:80px 0}.education h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;text-align:center}.education-list{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:900px}.education-card{align-items:flex-start;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;gap:2rem;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}.education-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.edu-icon{align-items:center;background:var(--accent-glow);border-radius:12px;color:var(--accent-color);display:flex;font-size:2.5rem;height:80px;justify-content:center;min-width:80px;padding:1rem}.edu-content{flex:1 1}.edu-content h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1.4;margin-bottom:.5rem}.edu-content .institution{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:.3rem}.edu-content .year{color:var(--accent-color);font-size:.95rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.edu-tags{margin-bottom:1rem}.tag-result{background:var(--accent-glow);border-radius:50px;color:var(--accent-color);display:inline-block;font-size:.9rem;font-weight:600;padding:.3rem .8rem}.edu-content .description{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.education-card{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.edu-icon{margin:0 auto}.education h2{font-size:2rem}}.skills{padding:10px 0;position:relative;width:100%}.skills-progress-container{display:flex;flex-direction:column;gap:2rem;width:100%}.skills-list.grid-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));width:100%}@media (max-width:768px){.skills-list.grid-layout{grid-template-columns:1fr}}.skill-category-title{color:var(--text-secondary);font-size:1.1rem;font-weight:500;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.skill-bar-wrapper{margin-bottom:1.5rem;width:100%}.skill-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-info h4{color:var(--text-primary);font-size:1rem;font-weight:500;margin:0;text-transform:uppercase}.skill-info span{color:var(--text-secondary);font-size:.9rem}.progress-line{background:var(--secondary-bg);height:8px;overflow:hidden;width:100%}.progress-bar-inner,.progress-line{border-radius:10px;position:relative}.progress-bar-inner{background:var(--accent-color);display:block;height:100%}@media (max-width:768px){.skill-category-title{font-size:1rem}.skill-info h4{font-size:.9rem}}.experience{padding:80px 0}.experience h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;text-align:center}.experience-list{list-style-type:disc;margin-top:15px;padding-left:20px;text-align:left}.experience-list li{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:8px}@media (max-width:768px){.experience{padding:60px 0}.experience h2{font-size:2rem}}.resume-section{padding:80px 0;position:relative}.resume-container{align-items:flex-start;display:flex;gap:3rem;justify-content:space-between}.resume-tabs{background:var(--secondary-bg);border:1px solid var(--card-border);border-radius:10px;display:flex;gap:4px;margin-bottom:3rem;padding:4px}.resume-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;padding:.85rem 1rem;text-align:center;transition:all .2s ease}.resume-tab:hover{color:var(--text-primary)}.resume-tab.active{background:var(--accent-color);color:#fff;font-weight:600}.resume-content-wrapper{min-height:400px;padding-left:2rem;position:relative}.timeline-content{border-left:2px solid var(--card-border);padding-left:2.5rem;position:relative}.education-standalone .resume-card,.experience-standalone .resume-card{margin-bottom:2.5rem;position:relative}.education-standalone .resume-card:before,.experience-standalone .resume-card:before{background:var(--accent-color);border-radius:50%;content:"";height:12px;left:-3.35rem;position:absolute;top:20px;width:12px;z-index:10}.education-standalone .resume-card:after,.experience-standalone .resume-card:after{background:var(--card-border);content:"";height:2px;left:-2.75rem;position:absolute;top:25px;width:2.75rem;z-index:1}@media (max-width:768px){.resume-tabs{background:#0000;border:none;flex-direction:column;padding:0}.resume-tab{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:.5rem}.timeline-content{border-left:2px solid var(--card-border);padding-left:1rem}.education-standalone .resume-card:before,.experience-standalone .resume-card:before{height:10px;left:-1.35rem;width:10px}.education-standalone .resume-card:after{display:none}}.projects{padding:80px 0}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card-wrapper{height:100%}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:box-shadow .2s ease}.project-card:hover{box-shadow:var(--shadow-md)}.image-link{cursor:pointer;display:block;position:relative;width:100%}.project-image{border-radius:12px 12px 0 0;flex-shrink:0;height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.image-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.project-card:hover .image-overlay{opacity:1}.details-link-btn{align-items:center;background:#0000;border:1px solid #fff9;border-radius:8px;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:.6rem 1.2rem;transition:all .2s ease}.image-link:hover .details-link-btn{background:#fff;color:#1e293b}.project-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.project-content h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.title-link{color:inherit;text-decoration:none;transition:color .2s ease}.title-link:hover{color:var(--accent-color)}.project-content p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex-grow:1;font-size:.9rem;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.tech-tag{background:var(--secondary-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .6rem}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects{padding:60px 0}.projects-grid{grid-template-columns:1fr}}.new-badge{background:var(--accent-color);border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:10}.publications{padding:80px 0}.publications h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem;text-align:center}.publication-card{align-items:flex-start;background:var(--secondary-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;gap:2rem;margin:0 auto;max-width:900px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}.dark-mode .publication-card{background:var(--card-bg)}.publication-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.pub-icon{background:var(--accent-glow);border-radius:12px;color:var(--accent-color);font-size:2.5rem;padding:1rem}.pub-content h3{color:var(--text-primary);font-size:1.4rem;line-height:1.4;margin-bottom:1rem}.pub-content .authors{color:var(--text-secondary);font-size:1.1rem;margin-bottom:.5rem}.pub-content .venue{color:var(--text-primary);font-style:italic;margin-bottom:1.5rem}.pub-tags{display:flex;flex-wrap:wrap;gap:1rem}.tag{background:var(--primary-bg);border:1px solid var(--card-border);border-radius:50px;color:var(--accent-color);font-size:.9rem;font-weight:500;padding:.4rem 1rem}.pub-links{margin-top:1.5rem}.pub-link{align-items:center;background:var(--accent-color);border-radius:50px;box-shadow:var(--shadow-sm);color:var(--primary-bg);display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.pub-link:hover{background:var(--text-primary);box-shadow:var(--shadow-md);color:var(--primary-bg);transform:translateY(-2px)}.pub-link i{font-size:.9em}@media (max-width:768px){.publication-card{flex-direction:column;padding:1.5rem}.pub-icon{margin-bottom:1rem}}.contact{padding:80px 0}.section-header{margin-bottom:3rem}.contact-subtitle{color:var(--text-secondary);font-size:1.05rem}.contact-content{align-items:flex-start;display:flex;gap:3rem}.contact-info-wrapper{flex:1 1}.info-cards{flex-direction:column;margin-bottom:2.5rem}.info-card,.info-cards{display:flex;gap:1.25rem}.info-card{align-items:center;border-radius:12px;padding:1.25rem;transition:background .2s ease}.info-card:hover{background:var(--secondary-bg)}.icon-circle{align-items:center;background:var(--accent-glow);border-radius:10px;color:var(--accent-color);display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;width:44px}.info-card h3{color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:1px;margin-bottom:.2rem;text-transform:uppercase}.info-card a,.info-card p{color:var(--text-primary);font-size:1rem;font-weight:500;overflow-wrap:anywhere;text-decoration:none;word-break:break-all}.social-connect h3{font-size:1.1rem;margin-bottom:1.25rem}.social-links{display:flex;gap:.75rem}.social-btn{align-items:center;background:var(--secondary-bg);border:1px solid var(--card-border);border-radius:10px;color:var(--text-secondary);display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.social-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.contact-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex:1.5 1;padding:2.5rem}.form-group input,.form-group textarea{background:var(--input-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-family:inherit;padding:.85rem 1rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.submit-btn{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:.85rem;transition:opacity .2s ease;width:100%}.submit-btn:hover{opacity:.9}.status-message{border-radius:8px;margin-top:1.25rem;padding:.85rem;text-align:center}.status-message.success{background:#22c55e1a;color:#22c55e}.status-message.error{background:#ef44441a;color:#ef4444}@media (max-width:968px){.contact-content{flex-direction:column}.contact-info-wrapper{width:100%}}@media (max-width:600px){.info-card{flex-direction:column;gap:.75rem;padding:1.25rem 1rem;text-align:center}.info-card a,.info-card p{font-size:.95rem}}.section-divider-container{align-items:center;display:flex;justify-content:center;margin:0;padding:2rem 0;width:100%}.section-divider-line{background-color:var(--glass-border);height:1px;opacity:.6;width:100%}@media (max-width:768px){.section-divider-container{padding:1.5rem 0}}.project-details{padding:0 0 80px}.case-study-hero{align-items:center;color:#fff;display:flex;height:auto;margin-bottom:4rem;min-height:80vh;overflow:hidden;padding:120px 20px 60px;position:relative}.hero-bg-img{filter:brightness(.5);object-fit:cover;z-index:0}.hero-bg-img,.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:linear-gradient(to bottom,#0006 0,var(--primary-bg) 100%);z-index:1}.back-link{color:#ffffffb3;font-weight:500;gap:8px;margin-bottom:3rem;transition:color .3s ease}.back-link:hover{color:#fff}.hero-content{align-items:flex-start;display:flex;flex-direction:column;max-width:900px;position:relative;width:100%;z-index:2}.hero-content h1{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 10px #0000004d}.project-tagline{color:#ffffffd9;font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;max-width:700px}.tech-stack-hero{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.tech-pill{background:#ffffff1f;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.85rem;padding:.4rem .9rem}.hero-actions{display:flex;gap:1.5rem}.hero-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:.7rem 1.5rem;text-decoration:none;transition:all .2s ease}.hero-btn.primary{background:#fff;border:1px solid #fff;color:#000}.hero-btn.primary:hover{background:#f1f5f9}.hero-btn.secondary{background:#ffffff1a;border:1px solid #ffffff40;color:#fff}.hero-btn.secondary:hover{background:#ffffff26}.case-study-content{padding-bottom:6rem}.study-section{margin-bottom:5rem}.overview-section{border-left:4px solid var(--accent-color);margin:0 auto 6rem;max-width:900px;padding-left:20px;position:relative;text-align:left}.overview-section h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.lead-text{color:var(--text-secondary);font-size:1.25rem;line-height:1.7}.study-grid{grid-gap:5rem;align-items:start;display:grid;gap:5rem;grid-template-columns:2fr 1fr}.study-card{margin-bottom:4rem}.study-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:1.2rem}.study-card h3 i{color:var(--accent-color);font-size:1.2rem}.study-card li,.study-card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.study-card strong{color:var(--text-primary);font-weight:600}.study-card code{background:#ffffff0d;border:1px solid var(--card-border);border-radius:4px;color:var(--accent-color);font-family:Fira Code,Courier New,monospace;font-size:.85em;padding:.2rem .4rem}.study-card ul{list-style-type:none;padding-left:0}.study-card li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.study-card li:before{color:var(--accent-color);content:"•";font-size:1.2rem;font-weight:700;left:0;line-height:1.2rem;position:absolute}.sticky-sidebar{display:flex;flex-direction:column;gap:2rem;position:-webkit-sticky;position:sticky;top:100px}.impact-card,.key-results-card{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:2rem}.impact-card h3,.key-results-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem;text-transform:uppercase}.key-results-card ul{list-style:none;padding:0}.key-results-card li{border-bottom:1px solid var(--card-border);color:var(--text-secondary);font-size:.95rem;margin-bottom:1.2rem;padding-bottom:1.2rem}.key-results-card li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.key-results-card strong{color:var(--text-primary);display:block;font-size:1rem;margin-bottom:.3rem}@media (max-width:900px){.study-grid{gap:3rem;grid-template-columns:1fr}.sticky-sidebar{position:static}.hero-content h1{font-size:2.5rem}.project-tagline{font-size:1.1rem}.tech-stack-hero{gap:.8rem}}.blog-section{min-height:100vh;padding:120px 0 80px}.blog-section h2{color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);margin-bottom:.5rem}.blog-header-center{margin-bottom:3rem}.blog-subtitle{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2rem}.search-wrapper{max-width:400px;position:relative}.search-icon{color:var(--text-secondary);font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.blog-search-input{background:var(--input-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.7rem 1rem .7rem 2.5rem;transition:border-color .2s ease;width:100%}.blog-search-input:focus{border-color:var(--accent-color);outline:none}.blog-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem;transition:box-shadow .2s ease}.blog-card:hover{box-shadow:var(--shadow-md)}.blog-meta-top{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.blog-date{color:var(--accent-color);font-size:.85rem;font-weight:500}.read-time{color:var(--text-secondary);font-size:.85rem}.blog-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.blog-title-link{color:inherit;text-decoration:none;transition:color .2s ease}.blog-title-link:hover{color:var(--accent-color)}.blog-card .excerpt{color:var(--text-secondary);flex-grow:1;font-size:.9rem;line-height:1.6;margin-bottom:1.25rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.blog-tag{background:var(--secondary-bg);border:1px solid var(--card-border);border-radius:6px;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.blog-tag,.read-more{color:var(--accent-color)}.read-more{align-items:center;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;text-decoration:none;transition:gap .2s ease}.read-more:hover{gap:.6rem}.no-results{color:var(--text-secondary);grid-column:1/-1;padding:3rem 0;text-align:center}.blog-post-section{min-height:100vh;padding:120px 0 80px}.blog-post-container{margin:0 auto;max-width:720px}.back-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.9rem;gap:.4rem;margin-bottom:2rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--accent-color)}.blog-post-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem}.post-header{border-bottom:1px solid var(--card-border);margin-bottom:2rem;padding-bottom:1.5rem}.post-header h1{color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.2rem);line-height:1.3;margin-bottom:1rem}.post-meta{color:var(--text-secondary);flex-wrap:wrap;font-size:.9rem;gap:1rem}.post-meta,.read-time-post{align-items:center;display:flex}.read-time-post{gap:.3rem}.post-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.post-content h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:.75rem;margin-top:2rem}.post-content p,.post-content ul{margin-bottom:1.25rem}.post-content ul{list-style-type:disc;padding-left:1.5rem}.post-content li{margin-bottom:.4rem}.post-content code{border-radius:4px;color:var(--accent-color);font-size:.9em;padding:.15rem .4rem}.post-content code,.post-content pre{background:var(--secondary-bg);border:1px solid var(--card-border)}.post-content pre{border-radius:8px;margin-bottom:1.25rem;overflow-x:auto;padding:1.25rem}.post-content pre code{background:none;border:none;padding:0}@media (max-width:768px){.blog-post-section,.blog-section{min-height:auto;padding:100px 0 40px}.blog-grid{grid-template-columns:1fr}.post-header h1{font-size:1.6rem}.blog-post-card{padding:1.25rem}.post-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}.footer{background:var(--secondary-bg);border-top:1px solid var(--card-border);margin-top:auto;padding:3.5rem 0 1.5rem;position:relative;width:100%;z-index:10}.footer-container{margin:0 auto;max-width:1100px;padding:0 24px}.footer-content{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2.5rem}.footer-brand h2{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.5rem;margin-bottom:.4rem}.footer-brand .tagline{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem;max-width:300px}.footer-socials{display:flex;gap:.75rem}.footer-socials a{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-secondary);display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.footer-socials a:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.footer-contact h3,.footer-links h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1.25rem}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:.6rem}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent-color)}.footer-contact p{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.6rem;margin-bottom:.6rem}.footer-contact i{color:var(--accent-color)}.footer-bottom{align-items:center;border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding-top:1.5rem}.footer-bottom p{color:var(--text-secondary);font-size:.85rem;margin:0}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-brand .tagline{margin:0 auto 1.25rem}.footer-contact p,.footer-socials{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}}.back-to-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--primary-bg);border:1px solid var(--glass-border);border-radius:50%;bottom:30px;box-shadow:0 4px 15px var(--glass-shadow);color:var(--text-primary);cursor:pointer;display:flex;height:45px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:45px;z-index:1000}.back-to-top:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-glow);color:#fff}.back-to-top i{font-size:1.2rem}.back-to-top.dark-mode{background:#1e293bcc}.back-to-top.dark-mode:hover{background:var(--accent-color)}:root{--primary-bg:#fff;--secondary-bg:#f8fafc;--accent-color:#0f172a;--accent-glow:#0f172a14;--text-primary:#1e293b;--text-secondary:#64748b;--card-bg:#fff;--card-border:#e2e8f0;--glass-bg:#fff;--glass-border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 2px 8px -2px #00000014;--shadow-lg:0 4px 16px -4px #0000001a;--input-bg:#f1f5f9;--nav-bg:#fffffff2}body.dark-mode{--primary-bg:#0f172a;--secondary-bg:#1e293b;--accent-color:#60a5fa;--accent-glow:#60a5fa1f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--card-bg:#1e293b;--card-border:#334155;--glass-bg:#1e293b;--glass-border:#334155;--input-bg:#334155;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 2px 8px -2px #0000004d;--shadow-lg:0 4px 16px -4px #0006;--nav-bg:#0f172af2}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--primary-bg);font-family:Inter,sans-serif;line-height:1.7;margin:0;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.025em;line-height:1.2}h2{color:#1e293b;color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:3rem;text-align:left}p{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:1.7;margin-bottom:1.5rem}.glass{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--card-border);box-shadow:0 1px 2px 0 #0000000a;box-shadow:var(--shadow-sm)}.container{margin:0 auto;max-width:1100px;padding:0 24px}@keyframes materialize-in{0%{opacity:0}to{opacity:1}}.materialize-hidden{opacity:0}.materialize-visible{animation:materialize-in .5s ease forwards}.App{text-align:center}
/*# sourceMappingURL=main.47d5d236.css.map*/