@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;background:#fff;color:#000;font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.metro-nav{background:#000;color:#fff;padding:0 32px;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:48px}.nav-brand{font-size:15px;font-weight:600;letter-spacing:.1em}.nav-links{display:flex;gap:32px}.nav-links a{font-size:13px;font-weight:600;letter-spacing:.05em;padding:4px 0;border-bottom:2px solid transparent;transition:border-color .2s ease-out}.nav-links a:hover,.nav-links a.active{border-bottom-color:#0078d7}@media(max-width:768px){.metro-nav{padding:0 16px}.nav-links{gap:16px}.nav-links a{font-size:12px}}.metro-tile{display:block;position:relative;overflow:hidden;color:#fff;transition:transform .2s ease-out;cursor:pointer}.metro-tile:hover{transform:scale(1.02)}.metro-tile[data-size="1x1"]{grid-column:span 1;grid-row:span 1;height:100%}.metro-tile[data-size="2x1"]{grid-column:span 2;grid-row:span 1;height:100%}.metro-tile[data-size="1x2"]{grid-column:span 1;grid-row:span 2;height:100%}.metro-tile[data-size="2x2"]{grid-column:span 2;grid-row:span 2;height:100%}.tile-content{padding:20px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.tile-metadata{font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:8px}.tile-title{font-size:24px;font-weight:600;line-height:1.2;margin:0}.metro-tile[data-size="2x1"] .tile-title,.metro-tile[data-size="2x2"] .tile-title{font-size:32px}.tile-subtitle{font-size:14px;margin:8px 0 0;opacity:.95;line-height:1.4}.hero{background:#0078d7;color:#fff;padding:80px 32px 120px}.hero-content{max-width:1200px;margin:0 auto}.hero-title{font-size:96px;font-weight:700;line-height:.95;letter-spacing:.02em;margin:0 0 24px}.hero-subtitle{font-size:24px;font-weight:400;opacity:.95;margin:0 0 24px}.hero-meta{display:flex;gap:24px;font-size:13px;font-weight:600;letter-spacing:.05em;opacity:.9}.hero-meta span{padding:8px 16px;background:#ffffff26}.section{padding:64px 32px}.section:nth-child(2n){background:#f3f3f3}.section-title{font-size:48px;font-weight:600;letter-spacing:.02em;margin:0 0 32px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:minmax(300px,1fr);gap:12px;grid-auto-flow:dense}@media(max-width:768px){.hero{padding:48px 16px 64px}.hero-title{font-size:56px}.hero-subtitle{font-size:18px}.hero-meta{flex-direction:column;gap:8px}.section{padding:48px 16px}.section-title{font-size:36px;margin-bottom:24px}.tile-grid{grid-template-columns:1fr}}.blog-hero{background:#a4c400;color:#fff;padding:64px 32px}.blog-hero .hero-content{max-width:1200px;margin:0 auto}.blog-hero .hero-title{font-size:72px;font-weight:700;line-height:1;letter-spacing:.02em;margin:0 0 16px}.blog-hero .hero-subtitle{font-size:20px;font-weight:400;opacity:.95;margin:0}.blog-section{padding:64px 32px}@media(max-width:768px){.blog-hero{padding:48px 16px}.blog-hero .hero-title{font-size:48px}.blog-hero .hero-subtitle{font-size:16px}.blog-section{padding:48px 16px}.tile-grid{grid-template-columns:1fr}}.post{min-height:100vh;background:#fff}.post-header{color:#fff;padding:64px 32px}.post-header-content{max-width:1200px;margin:0 auto;text-align:left}.back-link{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:32px;opacity:.9;transition:opacity .2s ease-out}.back-link:hover{opacity:1}.post-title{font-size:56px;font-weight:600;line-height:1.1;letter-spacing:.02em;margin:0 0 16px}.post-meta{font-size:14px;opacity:.9}.post-content{padding:64px 32px}.content-container p{font-size:17px;line-height:1.7;margin:0 0 24px}.content-container p:last-child{margin-bottom:0}@media(max-width:768px){.post-header{padding:48px 16px}.post-title{font-size:36px}.post-content{padding:48px 16px}.content-container p{font-size:16px}}.projects-hero{background:#d80073;color:#fff;padding:64px 32px}.projects-hero .hero-content{max-width:1200px;margin:0 auto}.projects-hero .hero-title{font-size:72px;font-weight:700;line-height:1;letter-spacing:.02em;margin:0 0 16px}.projects-hero .hero-subtitle{font-size:20px;font-weight:400;opacity:.95;margin:0}.projects-section{padding:64px 32px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:minmax(300px,1fr);gap:12px;grid-auto-flow:dense}.empty-state{text-align:center;padding:80px 32px}.empty-state h2{font-size:36px;font-weight:600;margin:0 0 16px;letter-spacing:.02em}.empty-state p{font-size:18px;opacity:.7}@media(max-width:768px){.projects-hero{padding:48px 16px}.projects-hero .hero-title{font-size:48px}.projects-hero .hero-subtitle{font-size:16px}.projects-section{padding:48px 16px}.tile-grid{grid-template-columns:1fr}}.project-detail{min-height:100vh;background:#fff}.project-header{color:#fff;padding:64px 32px}.project-header-content{max-width:1200px;margin:0 auto;text-align:left}.project-title{font-size:56px;font-weight:600;line-height:1.1;letter-spacing:.02em;margin:0 0 16px}.project-description{font-size:20px;line-height:1.5;margin:0 0 24px;opacity:.95}.project-link{display:inline-block;font-size:14px;font-weight:600;letter-spacing:.05em;padding:12px 24px;background:#fff3;transition:background .2s ease-out}.project-link:hover{background:#ffffff4d}.project-content{padding:64px 32px}.content-container{max-width:1200px;margin:0 auto}.project-image{margin-bottom:48px}.project-image img{width:100%;height:auto;display:block}.project-details p{font-size:17px;line-height:1.7;margin:0 0 24px}.project-details p:last-child{margin-bottom:0}@media(max-width:768px){.project-header{padding:48px 16px}.project-title{font-size:36px}.project-description{font-size:16px}.project-content{padding:48px 16px}.project-details p{font-size:16px}}.about-hero{background:#00aba9;color:#fff;padding:64px 32px}.about-hero .hero-content{max-width:1200px;margin:0 auto}.about-hero .hero-title{font-size:72px;font-weight:700;line-height:1;letter-spacing:.02em;margin:0 0 16px}.about-hero .hero-subtitle{font-size:20px;font-weight:400;opacity:.95;margin:0}.about-section{padding:64px 32px}.container{max-width:1200px;margin:0 auto}.about-content{display:flex;flex-direction:column;gap:64px}.bio h2,.skills-section h2,.contact-section h2{font-size:48px;font-weight:600;letter-spacing:.02em;margin:0 0 24px}.bio p{font-size:17px;line-height:1.7;margin:0 0 20px}.bio p:last-child{margin-bottom:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.skill-tile{padding:32px 24px;color:#fff;transition:transform .2s ease-out}.skill-tile:hover{transform:scale(1.02)}.skill-tile h3{font-size:20px;font-weight:600;letter-spacing:.05em;margin:0 0 12px}.skill-tile p{font-size:14px;line-height:1.6;opacity:.95;margin:0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.contact-tile{padding:32px 24px;color:#fff;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease-out}.contact-tile:hover{transform:scale(1.02)}.contact-label{font-size:13px;font-weight:600;letter-spacing:.05em;opacity:.9}.contact-value{font-size:16px;font-weight:400}@media(max-width:768px){.about-hero{padding:48px 16px}.about-hero .hero-title{font-size:48px}.about-hero .hero-subtitle{font-size:16px}.about-section{padding:48px 16px}.about-content{gap:48px}.bio h2,.skills-section h2,.contact-section h2{font-size:36px}.bio p{font-size:16px}.skills-grid,.contact-grid{grid-template-columns:1fr}}