*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:root{--color-primary:#1a1a2e;--color-secondary:#4a5568;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-accent-light:#0d94881a;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-text-primary:#1a1a2e;--color-text-secondary:#4a5568;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--container-max:1200px;--container-padding:1.5rem;--navbar-height:64px}[data-theme=dark]{--color-primary:#e2e8f0;--color-secondary:#94a3b8;--color-accent:#2dd4bf;--color-accent-hover:#5eead4;--color-accent-light:#2dd4bf1a;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#334155;--color-border-hover:#475569;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base), color var(--transition-base)}h1,h2,h3,h4{color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-accent);transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-4xl) 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.section{padding:var(--space-3xl) 0}}.theme-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-accent);background-color:var(--color-accent-light)}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-base);background-color:#ffffffd9;position:sticky;top:0}[data-theme=dark] .navbar{background-color:#0f172ad9}.navbar-inner{height:var(--navbar-height);justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.navbar-logo:hover{color:var(--color-accent)}.navbar-links{align-items:center;gap:var(--space-sm);display:flex}.navbar-link{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast)}.navbar-link:hover{color:var(--color-accent);background-color:var(--color-accent-light)}.navbar-link--active{color:var(--color-accent)}.navbar-actions{align-items:center;gap:var(--space-xs);display:flex}.navbar-menu-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);transition:color var(--transition-fast);justify-content:center;align-items:center;display:none}.navbar-menu-btn:hover{color:var(--color-accent)}@media (width<=768px){.navbar-menu-btn{display:flex}.navbar-links{top:var(--navbar-height);padding:var(--space-md) var(--container-padding);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);gap:var(--space-xs);flex-direction:column;display:none;position:absolute;left:0;right:0}.navbar-links--open{display:flex}.navbar-link{width:100%;padding:var(--space-sm) var(--space-md)}}.footer{border-top:1px solid var(--color-border);padding:var(--space-xl) 0;margin-top:auto}.footer-inner{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.footer-social{gap:var(--space-lg);display:flex}.footer-social a{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-social a:hover{color:var(--color-accent)}.footer-copy{font-size:var(--text-sm);color:var(--color-text-muted)}.layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);color:#fff}.btn-outline{color:var(--color-accent);border:1px solid var(--color-accent);background-color:#0000}.btn-outline:hover{background-color:var(--color-accent-light)}.card-link{color:inherit;display:block}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-2px)}.card-image{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--color-border);width:100%}.card-body{padding:var(--space-lg)}.card-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.card-description{font-size:var(--text-base);margin-bottom:var(--space-md)}.card-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.card-tag{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.hero{min-height:calc(80vh - var(--navbar-height));align-items:center;display:flex}.hero-layout{justify-content:space-between;align-items:center;gap:var(--space-3xl);display:flex}.hero-content{flex:1;max-width:600px}.hero-greeting{font-size:var(--text-lg);color:var(--color-accent);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.hero-name{margin-bottom:var(--space-xs)}.hero-title{font-size:var(--text-xl);color:var(--color-accent);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg)}.hero-tagline{font-size:var(--text-lg);margin-bottom:var(--space-xl)}.hero-actions{gap:var(--space-md);display:flex}.hero-image{flex-shrink:0}.hero-image img{border-radius:var(--radius-full);object-fit:cover;object-position:top;border:4px solid var(--color-border);width:280px;height:280px;box-shadow:var(--shadow-lg)}.about-preview{background-color:var(--color-bg-secondary)}.about-preview h2{margin-bottom:var(--space-2xl)}.about-preview-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.about-preview-card{padding:var(--space-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base)}.about-preview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-preview-card h3{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.featured-subtitle{margin-top:var(--space-sm);margin-bottom:var(--space-2xl)}.featured-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.featured-cta{margin-top:var(--space-2xl);text-align:center}@media (width<=768px){.hero-layout{text-align:center;flex-direction:column-reverse}.hero-image img{width:200px;height:200px}.hero-actions{justify-content:center}.about-preview-grid{grid-template-columns:1fr}}@media (width<=640px){.hero{min-height:auto;padding-top:var(--space-3xl)}.hero-actions{flex-direction:column}.featured-grid{grid-template-columns:1fr}}.projects-subtitle{margin-top:var(--space-sm);margin-bottom:var(--space-2xl)}.projects-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=640px){.projects-grid{grid-template-columns:1fr}}.carousel{position:relative;overflow:hidden}.carousel-track{gap:var(--space-lg);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:var(--space-lg);display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>*{scroll-snap-align:center;transform-origin:50%;will-change:transform, opacity;cursor:pointer;flex-shrink:0;transition:transform .2s ease-out,opacity .2s ease-out}.carousel-arrow{z-index:20;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-bg-primary);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.carousel-arrow.visible{opacity:1;pointer-events:auto}.carousel-arrow:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.carousel-arrow-left{left:var(--space-lg)}.carousel-arrow-right{right:var(--space-lg)}.carousel-dots{justify-content:center;gap:var(--space-sm);padding-top:var(--space-md);display:flex}.carousel-dot{border-radius:var(--radius-full);background-color:var(--color-border);cursor:pointer;width:8px;height:8px;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;padding:0}.carousel-dot.active{background-color:var(--color-accent);transform:scale(1.4)}.carousel-dot:hover{background-color:var(--color-accent-hover)}.carousel-modal-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out carousel-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes carousel-modal-fade-in{0%{opacity:0}to{opacity:1}}.carousel-modal-content{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.carousel-modal-image{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:85vh;box-shadow:var(--shadow-lg)}.carousel-modal-caption{color:#e2e8f0;text-align:center;margin:0;font-size:.95rem}.carousel-modal-close{top:var(--space-lg);right:var(--space-lg);z-index:201;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color var(--transition-fast);background:#00000080;border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:fixed}.carousel-modal-close:hover{background:#fff3}@media (width<=768px){.carousel-arrow{display:none}}.project-hero{background-color:var(--color-bg-secondary)}.project-back{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);margin-bottom:var(--space-xl);transition:color var(--transition-fast);display:inline-flex}.project-back:hover{color:var(--color-accent-hover)}.project-title{margin-bottom:var(--space-sm)}.project-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.project-tags{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.project-tag{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.project-impact{gap:var(--space-lg);flex-wrap:wrap;display:flex}.project-stat{padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.project-stat-value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-accent)}.project-stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.project-story h2{margin-bottom:var(--space-xl)}.project-story-content{gap:var(--space-md);flex-direction:column;max-width:720px;display:flex}.project-story-content p{font-size:var(--text-lg);line-height:1.7}.project-gallery{background-color:var(--color-bg-secondary)}.project-gallery h2{margin-bottom:var(--space-2xl)}.project-screenshot{text-align:center}.project-screenshot-mobile{width:220px}.project-screenshot-desktop{width:min(500px,80vw)}.project-screenshot-placeholder,.project-screenshot-placeholder-desktop{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-bg-tertiary), var(--color-accent-light));border:1px solid var(--color-border);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-screenshot-placeholder{aspect-ratio:9/19.5}.project-screenshot-placeholder-desktop{aspect-ratio:16/9}.project-screenshot-placeholder:after,.project-screenshot-placeholder-desktop:after{content:attr(data-label);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:center;padding:var(--space-md)}.project-screenshot-image{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.project-screenshot figcaption{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-sm)}.project-features h2{margin-bottom:var(--space-2xl)}.project-features-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.project-feature-card{padding:var(--space-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base)}.project-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-feature-icon{color:var(--color-accent);margin-bottom:var(--space-md)}.project-feature-card h3{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.project-feature-card p{font-size:var(--text-base);color:var(--color-text-secondary)}.project-tech{background-color:var(--color-bg-secondary)}.project-tech h2{margin-bottom:var(--space-2xl)}.project-tech-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.project-tech-group{padding:var(--space-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.project-tech-group h3{font-size:var(--text-lg);margin-bottom:var(--space-md);color:var(--color-accent)}.project-tech-group ul{gap:var(--space-sm);flex-direction:column;display:flex}.project-tech-group li{font-size:var(--text-base);color:var(--color-text-secondary);padding-left:var(--space-md);position:relative}.project-tech-group li:before{content:"";border-radius:var(--radius-full);background-color:var(--color-accent);width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.project-cta{text-align:center}.project-link-group{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.project-cta-actions{justify-content:center;gap:var(--space-md);display:flex}@media (width<=768px){.project-impact{gap:var(--space-md)}.project-features-grid,.project-tech-grid{grid-template-columns:repeat(2,1fr)}.project-screenshot-desktop{width:min(420px,85vw)}}@media (width<=640px){.project-impact{flex-direction:column}.project-stat{align-items:center;gap:var(--space-sm);flex-direction:row}.project-screenshot-mobile{width:180px}.project-screenshot-desktop{width:85vw}.project-features-grid,.project-tech-grid{grid-template-columns:1fr}.project-link-group,.project-cta-actions{flex-direction:column;align-items:center}}.about h1{margin-bottom:var(--space-2xl)}.about-intro{gap:var(--space-3xl);margin-bottom:var(--space-4xl);display:flex}.about-photo{flex-shrink:0}.about-photo img{border-radius:var(--radius-lg);object-fit:cover;object-position:top;border:3px solid var(--color-border);width:240px;height:300px;box-shadow:var(--shadow-md)}.about-bio{gap:var(--space-md);flex-direction:column;display:flex}.about-bio p{font-size:var(--text-lg);max-width:720px}.about-skills{margin-bottom:var(--space-4xl)}.about-skills h2{margin-bottom:var(--space-xl)}.skills-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.skill-group{padding:var(--space-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skill-group h3{font-size:var(--text-lg);margin-bottom:var(--space-md);color:var(--color-accent)}.skill-group ul{gap:var(--space-sm);flex-direction:column;display:flex}.skill-group li{font-size:var(--text-base);color:var(--color-text-secondary);padding-left:var(--space-md);position:relative}.skill-group li:before{content:"";border-radius:var(--radius-full);background-color:var(--color-accent);width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.about-experience h2{margin-bottom:var(--space-xl)}.experience-list{gap:var(--space-xl);flex-direction:column;display:flex}.experience-item{gap:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);display:flex}.experience-item:last-child{border-bottom:none;padding-bottom:0}.experience-date{width:180px;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);flex-shrink:0;padding-top:2px}.experience-details h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.experience-company{color:var(--color-accent);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.experience-details>p:last-child{color:var(--color-text-secondary)}@media (width<=768px){.about-intro{text-align:center;flex-direction:column;align-items:center}.about-photo img{width:200px;height:250px}.skills-grid{grid-template-columns:repeat(2,1fr)}.experience-item{gap:var(--space-sm);flex-direction:column}.experience-date{width:auto}}@media (width<=480px){.skills-grid{grid-template-columns:1fr}}.contact-subtitle{margin-top:var(--space-sm);margin-bottom:var(--space-2xl)}.contact-layout{gap:var(--space-4xl);display:flex}.contact-form{gap:var(--space-lg);flex-direction:column;flex:1;max-width:600px;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-group input,.form-group textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);font-size:var(--text-base);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-group textarea{resize:vertical}.contact-info{flex-shrink:0}.contact-info h2{font-size:var(--text-xl);margin-bottom:var(--space-lg)}.contact-links{gap:var(--space-md);flex-direction:column;display:flex}.contact-link{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-base);transition:color var(--transition-fast);display:flex}.contact-link:hover{color:var(--color-accent)}.form-success{color:var(--color-accent);font-weight:var(--font-weight-medium)}.form-error{color:#ef4444;font-weight:var(--font-weight-medium)}.btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.contact-layout{gap:var(--space-3xl);flex-direction:column}}