*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background);color:var(--text)}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem;overflow-x:hidden}.blog-image-large,.project-image-large{width:95vw;max-width:1400px;margin:2rem calc(-50vw + 50%);position:relative;left:50%;right:50%;transform:translate(-50%)}.blog-image-medium,.project-image-medium{width:100%;max-width:800px;margin:2rem auto}.blog-image-small,.project-image-small{width:100%;max-width:400px;margin:1rem auto}.blog-image-grid,.project-image-grid{width:95vw;max-width:1400px;margin:2rem calc(-50vw + 50%);position:relative;left:50%;right:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.blog-image-grid img,.project-image-grid img{width:100%;height:auto;object-fit:cover}@media (max-width: 768px){.blog-image-large,.project-image-large,.blog-image-medium,.project-image-medium{margin:1.5rem auto}}:root{--primary: #0984e3;--primary-dark: #0062cc;--primary-light: #e3f2fd;--text: #2d3436;--text-light: #636e72;--background: #ffffff;--background-light: #f8f9fa;--border: #dee2e6;--success: #00b894;--gray-100: #f8f9fa;--gray-200: #f1f3f5;--gray-300: #dee2e6;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--font-family: Inter, system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}:root{--primary-color: #2D3436;--secondary-color: #0984E3;--background-color: #FFFFFF;--text-color: #2D3436;--spacing-unit: 1rem}body{margin:0;padding:0;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-unit)}.section{padding:4rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.main-nav{background:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.main-nav .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{color:var(--text);text-decoration:none;font-weight:600;font-size:1.25rem}.nav-right{display:flex;align-items:center;gap:1.5rem}.main-nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.main-nav a{color:var(--text);text-decoration:none;font-weight:500;transition:color .2s ease}.main-nav a:hover{color:var(--primary)}.linkedin-icon{color:var(--text);font-size:1.25rem;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.linkedin-icon:hover{color:#0077b5}@media (max-width: 768px){.main-nav .container{padding:0 1rem}.main-nav ul{gap:1rem}}.footer{background:var(--gray-100);padding:2rem 0;margin-top:4rem}.footer .container{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.footer p{color:var(--text-light);margin:0}.social-links{display:flex;gap:var(--space-md)}.social-links a{color:var(--text);text-decoration:none}.social-links a:hover{color:var(--primary)}.project-card{display:block;background:#fff;border-radius:8px;overflow:hidden;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;height:100%;box-shadow:0 2px 4px #0000001a}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #00000026}.project-image{position:relative;padding-top:75%;overflow:hidden}.project-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.project-content{padding:1.5rem;text-align:center}.project-title{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.project-title h3{margin:0;color:var(--text);font-size:1.25rem;line-height:1.2}.request-only-badge{background:var(--primary);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;margin-top:.5rem;display:inline-block;font-weight:500}.password-protected-badge{background:var(--text-light);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;margin-top:.5rem;display:inline-block;font-weight:500}.project-content p{margin:0;color:var(--text-light);font-size:.875rem;line-height:1.5}.projects-grid{padding:4px}.intro{padding:4rem 0;background:var(--gray-100)}.intro .container{max-width:1200px;margin:0 auto;padding:0 2rem}.intro-content{display:flex;align-items:center;gap:3rem;text-align:left}.intro-text{flex:1;text-align:left}.intro-text h1{font-size:2.5rem;color:var(--text);margin-bottom:.5rem}.intro-text h2{font-size:1.25rem;color:var(--primary);margin-bottom:1rem;font-weight:500}.intro-bio{font-size:1rem;color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.intro-links{display:flex;gap:1rem}.social-link,.contact-link{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease}.social-link{background:#fff;color:var(--text);border:1px solid var(--gray-200)}.contact-link{background:#0062cc;color:#fff!important;border:none;text-decoration:none}.social-link:hover{background:var(--gray-100)}.contact-link:hover{background:#1e2527;transform:translateY(-2px)}.intro-image{flex:0 0 300px}.intro-image img{width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 2px 4px #0000001a}@media (max-width: 1024px){.intro-content{gap:2rem}.intro-image{flex:0 0 300px}}@media (max-width: 768px){.intro{padding:4rem 0}.intro-content{flex-direction:column-reverse;text-align:left}.intro-text{text-align:left}.intro-links{justify-content:flex-start}.intro-image{flex:0 0 auto;width:250px;margin:0 auto}}.featured-projects{padding:6rem 0;background:#fff!important}.featured-projects .container{max-width:1200px;margin:0 auto;padding:0 2rem}.featured-projects h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:600;color:#2d3436}.featured-project-container{max-width:400px;margin:0 auto}.view-all{text-align:center}.button{display:inline-block;background:#0984e3;color:#fff;padding:1rem 2.5rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .2s ease}.button:hover{background:#0062cc;transform:translateY(-2px)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:2rem}.featured-projects{padding:4rem 0}.featured-projects h2{font-size:2rem;margin-bottom:2rem}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;text-align:left}.section-header h2{font-size:2rem;margin:0;color:var(--text);line-height:1}.view-all{color:var(--primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.25rem;line-height:1}.view-all:hover{text-decoration:underline}.hero{padding:6rem 0;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);text-align:center}.hero h1{font-size:3rem;margin-bottom:1rem;color:var(--text)}.hero-text{font-size:1.25rem;color:var(--text-light);max-width:600px;margin:0 auto 2rem}.hero-cta{display:flex;gap:1rem;justify-content:center}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2rem;margin-bottom:.5rem;color:var(--text)}.section-description{color:var(--text-light);font-size:1.125rem}.section-footer{text-align:center}@media (max-width: 768px){.hero{padding:4rem 0}.hero h1{font-size:2rem}.hero-text{font-size:1rem}}.blog-page{min-height:100vh;padding:4rem 0 2rem}.blog-header{margin-bottom:3rem;text-align:left}.blog-header h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--text)}.blog-header .lead{color:var(--text-light);font-size:1.125rem;margin:0}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;padding-bottom:1rem}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.blog-card:hover{transform:translateY(-4px)}.blog-card__image-container{width:100%;padding-top:56.25%;position:relative;overflow:hidden;background:var(--gray-100)}.blog-card__image{position:absolute;top:0;left:0;width:100%;height:100%}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__content{padding:1.5rem}.blog-card__meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-light);margin-bottom:.75rem}.blog-card__title{font-size:1.25rem;margin-bottom:.75rem;line-height:1.3}.blog-card__title a{color:var(--text);text-decoration:none}.blog-card__title a:hover{color:var(--primary)}.blog-card__excerpt{color:var(--text-light);font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.blog-card__footer{display:flex;justify-content:space-between;align-items:center}.read-more{color:var(--primary);text-decoration:none;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem}.read-more:hover{text-decoration:underline}@media (max-width: 1024px){.blog-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.blog-page{padding:2rem 0}.blog-header{margin-bottom:2rem}.blog-card__content{padding:1.25rem}}.external-project-card{display:block;background:#fff;border-radius:8px;overflow:hidden;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;height:100%;box-shadow:0 2px 4px #0000001a}.external-project-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #00000026}.external-project-card .project-image{position:relative;padding-top:75%;overflow:hidden}.external-project-card .project-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.external-project-card .project-content{padding:1.5rem;text-align:center}.external-project-card .project-title{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.external-project-card .project-title h3{margin:0;color:var(--text);font-size:1.25rem;line-height:1.2}.external-icon{color:var(--text-light);font-size:.875rem}.external-project-card .project-content p{margin:0;color:var(--text-light);font-size:.875rem;line-height:1.5}.projects-overview{min-height:100vh;padding:4rem 0}.portfolio-section,.personal-section{margin-bottom:6rem}.section-header{margin-bottom:1rem;text-align:center;display:flex;flex-direction:column;align-items:baseline}.section-header h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text)}.section-description{color:var(--text-light);font-size:1.125rem;margin:0;text-align:left}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.personal-section{padding-top:2rem}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-overview{padding:2rem 0}.portfolio-section,.personal-section{margin-bottom:4rem}.section-header h2{font-size:1.5rem}.section-description{font-size:1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}}.password-protected{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:2rem}.password-form{background:#fff;border-radius:12px;padding:3rem;text-align:center;max-width:500px;width:100%;box-shadow:0 4px 12px #0000001a}.password-form h2{color:var(--text);margin-bottom:1rem;font-size:1.75rem}.password-description{color:var(--text-light);line-height:1.6;margin-bottom:2rem;font-size:1rem}.password-form form{margin-bottom:2rem}.password-form input{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;margin-bottom:1rem;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box}.password-form input:focus{outline:none;border-color:var(--primary)}.password-form input.error{border-color:#ff4757}.error-message{color:#ff4757;margin-bottom:1rem;font-size:.875rem}.password-form button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:1rem;transition:background-color .2s ease;width:100%}.password-form button:hover{background:var(--primary-dark)}@media (max-width: 768px){.password-protected{padding:1rem}.password-form{padding:2rem}.password-form h2{font-size:1.25rem}}.request-only{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:2rem}.request-form{background:#fff;border-radius:12px;padding:3rem;text-align:center;max-width:500px;width:100%;box-shadow:0 4px 12px #0000001a}.lock-icon{font-size:3rem;color:var(--text-light);margin-bottom:1.5rem}.request-form h2{color:var(--text);margin-bottom:1rem;font-size:1.75rem}.request-description{color:var(--text-light);line-height:1.6;margin-bottom:2rem;font-size:1rem}.request-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.email-field{display:flex;align-items:stretch;background:#fff;border:2px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .2s ease;height:48px}.email-field:focus-within{border-color:var(--primary)}.email-input{flex:1;border:none;padding:0 1rem;font-size:1rem;background:transparent;color:var(--text);outline:none;height:100%;display:flex;align-items:center}.email-input::selection{background:var(--primary-light)}.copy-button{background:var(--primary);color:#fff;border:none;padding:0;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:48px;height:100%;flex-shrink:0;border-top-right-radius:6px;border-bottom-right-radius:6px}.copy-button:hover{background:var(--primary-dark)}.copied-message{color:var(--success);font-size:.875rem;font-weight:500;margin-top:.5rem}.back-button{color:var(--text-light);text-decoration:none;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.back-button:hover{background:var(--background-light)}@media (max-width: 768px){.request-form{padding:2rem;margin:1rem}.request-actions{flex-direction:column}}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease-out}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease-out}.image-modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px #0000004d}.image-modal-close{position:absolute;top:-50px;right:0;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.image-modal-close:hover{background:#fff3;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.image-modal-overlay{padding:1rem}.image-modal-close{top:-40px;right:0;width:35px;height:35px;font-size:1.25rem}}.expandable-image-container{position:relative;display:inline-block;cursor:pointer;transition:transform .2s ease}.expandable-image-container:hover{transform:scale(1.02)}.expandable-image-container img{display:block;max-width:100%;height:auto}.expandable-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:inherit}.expandable-image-container:hover .expandable-image-overlay{opacity:1}.expand-icon{color:#fff;font-size:1.5rem;background:#000000b3;padding:.5rem;border-radius:50%;transition:transform .2s ease}.expandable-image-container:hover .expand-icon{transform:scale(1.1)}.project-detail{min-height:100vh}.project-detail .container{max-width:800px;margin:0 auto;padding:0 2rem}.full-width-image{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:2rem;margin-bottom:2rem;background:var(--gray-100);height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden}.full-width-image img{width:auto;height:500px;max-width:none;object-fit:contain;object-position:center;display:block}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.image-grid .expandable-image-container{width:100%;height:auto}.image-grid img{width:100%;height:auto;margin:0;border-radius:8px}@media (max-width: 768px){.markdown-content{font-size:1rem}.full-width-image,.full-width-image img{height:300px}.image-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}}.markdown-content video{width:100%;max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.back-link{display:inline-block;color:var(--text-light);text-decoration:none;margin-top:2rem;font-size:1rem;transition:color .2s ease}.featured-link{display:inline-block;color:var(--text-light);text-decoration:none;font-size:1rem;transition:color .2s ease}.featured-link:hover{color:var(--primary)}.markdown-content a{color:var(--primary);text-decoration:none;transition:color .2s ease}.markdown-content a:hover{text-decoration:underline}.about-page{min-height:100vh}.about-hero{padding:4rem 0}.about-layout{display:flex;align-items:flex-start;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem}.about-photo{flex:0 0 400px;position:sticky;top:2rem}.about-photo img{width:100%;height:500px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #00000026}.about-content{flex:1}.about-content h1{font-size:3.5rem;margin-bottom:2rem;color:var(--text)}.personal-bio{margin-bottom:3rem}.personal-bio p{font-size:1rem;color:var(--text-light);margin-bottom:1.5rem;line-height:1.7}.interests-section{margin-bottom:3rem}.interests-section h2{font-size:2rem;margin-bottom:2rem;color:var(--text)}.interests-list{display:flex;flex-direction:column;gap:1.5rem}.interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.interest-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.interest-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.interest-item h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text)}.interest-item p{color:var(--text-light);line-height:1.6;margin:0}.resume-section{margin-top:2rem}.resume-button{display:inline-block;background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.resume-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.about-cta{display:flex;gap:1rem}.cta-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease}.cta-button:not(.secondary){background:var(--primary);color:#fff}.cta-button.secondary{background:#fff;color:var(--primary);border:1px solid var(--primary)}.cta-button:hover{transform:translateY(-2px)}.about-journey{padding:6rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.timeline{max-width:800px;margin:0 auto}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:2rem;margin-bottom:3rem}.timeline-period{color:var(--primary);font-weight:500}.timeline-content h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text)}.timeline-content h4{font-size:1rem;color:var(--text-light);margin-bottom:1rem}.timeline-content p{color:var(--text-light);line-height:1.6}.about-interests{padding:6rem 0}.interests-content{max-width:800px;margin:0 auto;text-align:center}.interests-content p{color:var(--text-light);line-height:1.6;margin-bottom:2rem}.interest-links{display:flex;gap:2rem;justify-content:center}.interest-link{color:var(--primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem}.interest-link:hover{text-decoration:underline}.about-education{padding:6rem 0;background:var(--gray-100)}.education-content{max-width:800px;text-align:left}.education-content h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text);text-align:left}.education-content p{color:var(--text-light);line-height:1.6;text-align:left}.contact-info{margin-top:2rem;display:flex;gap:2rem}.contact-info a{color:var(--text-light);text-decoration:none;display:flex;align-items:center;gap:.5rem}.contact-info a:hover{color:var(--primary)}@media (max-width: 1024px){.about-layout{gap:2rem}.about-photo{flex:0 0 350px}.about-photo img{height:400px}.interests-grid{grid-template-columns:1fr}}@media (max-width: 768px){.about-layout{flex-direction:column;text-align:center}.about-content h1{font-size:2.5rem}.about-photo{flex:0 0 auto;width:280px;margin:0 auto 2rem;position:static}.about-photo img{height:350px}.timeline-item{grid-template-columns:1fr;gap:.5rem}.interest-links{flex-direction:column;gap:1rem}.about-journey,.about-skills,.about-interests{padding:4rem 0}}.achievements-list{list-style:none;padding:0;margin-top:1rem}.achievements-list li{color:var(--text-light);margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.6}.achievements-list li:before{content:"→";position:absolute;left:0;color:var(--primary)}.contact-page{min-height:100vh;padding:4rem 0}.contact-page h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text);text-align:center}.contact-intro{font-size:1.125rem;color:var(--text-light);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;text-align:center}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--gray-200);border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.submit-button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease;width:100%}.submit-button:hover{background:var(--primary-dark)}.submit-button:disabled{background:var(--gray-300);cursor:not-allowed}.success-message{color:green;margin-top:1rem;text-align:center}.error-message{color:red;margin-top:1rem;text-align:center}@media (max-width: 768px){.contact-page{padding:2rem 0}.contact-page h1{font-size:2rem}}.blog-detail{min-height:100vh}.blog-detail .container{max-width:800px;margin:0 auto;padding:0 2rem}.back-link{display:inline-block;color:var(--text-light);text-decoration:none;margin-top:2rem;margin-bottom:2rem;font-size:1rem;transition:color .2s ease}.back-link:hover{color:var(--primary)}.markdown-content{font-size:1.125rem;line-height:1.8;color:var(--text)}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:2rem 0 1rem;color:var(--text)}.markdown-content h1{font-size:2.5rem}.markdown-content h2{font-size:1.75rem}.markdown-content h3{font-size:1.5rem}.markdown-content p{margin-bottom:1.5rem}.markdown-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.blog-image-large,.blog-image-medium,.blog-image-small,.blog-image-grid{margin:2rem auto}.blog-detail__header{margin:2rem 0}.blog-detail__header h1{font-size:2rem;line-height:1.2;margin-bottom:1rem;color:var(--text)}.blog-detail__meta{display:flex;align-items:center;gap:1rem;color:var(--text-light);font-size:.875rem}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:var(--gray-100);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;color:var(--text-light)}@media (max-width: 768px){.markdown-content{font-size:1rem}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.blog-detail__header h1{font-size:2rem}.blog-detail__meta{flex-wrap:wrap}}.share-buttons{display:flex;gap:1rem;margin:2rem 0}.share-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#fff}.share-button svg{font-size:1rem}.share-button.copy{background:var(--gray-200);color:var(--text)}.share-button.twitter{background:#000}.share-button.linkedin{background:#0077b5}.share-button:hover{transform:translateY(-2px);opacity:.9}:root{--text: #2d3436;--text-light: #636e72;--primary: #0984e3;--gray-100: #f8f9fa;--gray-200: #e9ecef}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:#f0f0f0;padding:.25rem .75rem;border-radius:999px;font-size:.875rem}.hero{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}html{scrollbar-gutter:stable;overflow-y:scroll}