:root{--color-primary: #427985;--color-primary-rgb: 66, 121, 133;--color-primary-dark: #427985;--color-secondary: #427985;--color-outline: #427985;--color-accent: #427985;--color-primary-muted: rgba(99, 102, 241, .1);--color-outline-muted: rgba(139, 92, 246, .1);--color-accent-muted: rgba(16, 185, 129, .1);--color-neutral-900: #1d1d1f;--color-neutral-800: #2c2c2e;--color-neutral-700: #424245;--color-neutral-500: #636366;--color-neutral-200: #d2d2d7;--color-neutral-100: #f5f5f7;--color-neutral-50: #fbfbfd;--color-white: #ffffff;--bg-primary: rgba(99, 102, 241, .03);--bg-body: var(--color-neutral-100);--bg-surface: var(--color-white);--bg-surface-elevated: var(--color-white);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-500);--border-subtle: rgba(0, 0, 0, .08);--header-bg: rgba(255, 255, 255, .82);--header-bg-open: rgba(255, 255, 255, .8);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: "SF Mono", "Menlo", "Monaco", "Courier New", monospace;--h1-size: 3.5rem;--h1-line-height: 1.08;--h1-letter-spacing: -.025em;--h2-size: 2.5rem;--h2-line-height: 1.1;--h2-letter-spacing: -.02em;--h3-size: 1.75rem;--h3-line-height: 1.2;--h3-letter-spacing: -.015em;--body-size: 1.0625rem;--body-line-height: 1.47059;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .12);--transition-fast: .2s cubic-bezier(.25, .1, .25, 1);--transition-normal: .4s cubic-bezier(.25, .1, .25, 1);--transition-slow: .6s cubic-bezier(.25, .1, .25, 1);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.875rem;--radius-full: 9999px}@media(prefers-color-scheme:dark){:root{--color-primary: #427985;--color-primary-rgb: 66, 121, 133;--bg-body: #0a0a0c;--bg-surface: #1c1c1f;--bg-surface-elevated: #2c2c2e;--text-primary: #f5f5f7;--text-secondary: #98989d;--border-subtle: rgba(255, 255, 255, .08);--header-bg: rgba(28, 28, 31, .75);--header-bg-open: rgba(10, 10, 12, .8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4)}}[data-theme=light]{--bg-body: var(--color-neutral-100);--bg-surface: var(--color-white);--bg-surface-elevated: var(--color-white);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-500);--border-subtle: rgba(0, 0, 0, .08);--header-bg: rgba(255, 255, 255, .82);--header-bg-open: rgba(255, 255, 255, .8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08)}[data-theme=dark]{--color-primary: #427985;--color-primary-rgb: 66, 121, 133;--bg-body: #0a0a0c;--bg-surface: #1c1c1f;--bg-surface-elevated: #2c2c2e;--text-primary: #f5f5f7;--text-secondary: #98989d;--border-subtle: rgba(255, 255, 255, .08);--header-bg: rgba(28, 28, 31, .75);--header-bg-open: rgba(10, 10, 12, .8);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4)}html{font-family:var(--font-sans);font-size:16px;scroll-behavior:smooth;color:var(--text-primary);background-color:var(--bg-body);transition:background-color var(--transition-normal),color var(--transition-normal);letter-spacing:-.01em}body{margin:0;line-height:var(--body-line-height);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-4);font-weight:700;line-height:1.2}h1{font-size:var(--h1-size);letter-spacing:-.02em}h2{font-size:var(--h2-size);letter-spacing:-.01em}h3{font-size:var(--h3-size)}p{margin-top:0;margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono)}*{box-sizing:border-box}.container{width:100%;max-width:1280px;margin:0 auto;padding:var(--space-12) var(--space-4)!important}@media(min-width:768px){.container{padding:0 var(--space-8)}}.section{padding:var(--space-12) 0}@media(min-width:768px){.section{padding:var(--space-16) 0}:root{--h1-size: 3.5rem;--h2-size: 2.5rem;--h3-size: 1.875rem}}@media(max-width:767px){:root{--h1-size: 2.25rem;--h2-size: 1.875rem;--h3-size: 1.5rem}}.reveal{opacity:0;transition:opacity var(--transition-slow),transform var(--transition-slow);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal.reveal-up{transform:translateY(20px)}.reveal.reveal-down{transform:translateY(-20px)}.reveal.active{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;display:flex;place-items:unset;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0}.section-title{text-align:center;font-size:var(--h2-size);letter-spacing:var(--h2-letter-spacing);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.section-subtitle{text-align:center;font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-12)}.header{position:fixed;top:0;left:0;right:0;height:70px;background-color:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.header__inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 var(--space-4)!important}.header__right{display:flex;align-items:center;gap:var(--space-6)}.logo{font-weight:800;font-size:1.25rem;color:var(--text-primary);text-decoration:none}.nav{display:none}.nav__list{display:flex;gap:var(--space-6);list-style:none;margin:0;padding:0}.nav__link{color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color var(--transition-fast);display:flex;align-items:center;gap:.5rem}.nav__link:hover{text-decoration:none;color:var(--color-primary)}.theme-toggle{background:rgba(var(--color-primary-rgb),.08);border:none;color:var(--text-primary);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:1.1rem}.theme-toggle:hover{background:rgba(var(--color-primary-rgb),.15);transform:scale(1.1)}.mobile-menu-btn{display:block;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}@media(max-width:767px){.header.is-open{height:100vh;background-color:var(--header-bg-open);display:flex;flex-direction:column;align-items:stretch}.header.is-open .header__inner{height:70px;flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 var(--space-4)!important}.header.is-open .header__right{display:flex;flex-direction:row;align-items:center;gap:var(--space-6)}.header.is-open .nav{display:block;position:absolute;top:70px;left:0;width:100%;height:calc(100vh - 70px);padding:var(--space-6) var(--space-4);background:transparent;overflow-y:auto}.header.is-open .nav__list{flex-direction:column;gap:var(--space-1);width:100%}.header.is-open .nav__link{padding:var(--space-4) 0;font-size:1.25rem;width:100%;border-bottom:1px solid var(--border-subtle)}.header.is-open .theme-toggle,.header.is-open .mobile-menu-btn{position:static;margin:0}.mobile-menu-btn{z-index:101;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-primary-rgb),.08);border-radius:var(--radius-full);transition:all var(--transition-fast);color:var(--text-primary)}.mobile-menu-btn.active{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}}@media(min-width:768px){.nav{display:block}.mobile-menu-btn{display:none}}.footer{background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:var(--space-12) 0;text-align:center;margin-top:auto}.footer__text{color:var(--text-secondary);font-size:.9rem}.container.footer__container{padding:0 var(--space-4)!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75em 1.5em;font-family:var(--font-sans);font-weight:600;font-size:1rem;line-height:1.5;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;text-decoration:none;gap:var(--space-2)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg);text-decoration:none}.btn--secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.btn--secondary:hover:not(:disabled){background-color:var(--color-neutral-100);border-color:var(--color-neutral-500);text-decoration:none}.btn--outline{background-color:transparent;color:var(--color-outline);border-color:var(--color-outline)}.btn--outline:hover:not(:disabled){background-color:rgba(var(--color-primary-rgb),.05);text-decoration:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:80px;text-align:center}.hero__content{max-width:980px;margin:0 auto;padding:var(--space-12) var(--space-4)}.hero__avatar{width:250px;height:250px;border-radius:100%;object-fit:cover;margin:0 auto var(--space-8);display:block;box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.hero__avatar:hover{transform:scale(1.05) rotate(-2deg)}.hero__headline{font-size:clamp(3.5rem,8vw,5.5rem);line-height:1.05;margin-bottom:var(--space-6);color:var(--text-primary);letter-spacing:var(--h1-letter-spacing);font-weight:700}.hero__subheadline{font-size:1.5rem;line-height:1.4;color:var(--text-secondary);max-width:700px;margin:0 auto var(--space-10);font-weight:400}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8)}@media(max-width:640px){.hero__actions{flex-direction:column;align-items:center}}.badge{display:inline-flex;align-items:center;padding:.25em .75em;font-family:var(--font-mono);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background-color:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-neutral-200);line-height:1.2}.badge--react{color:#0ea5e9;background-color:#f0f9ff;border-color:#bae6fd}.badge--typescript{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.about-grid{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-8)}.about__text{font-size:1.35rem;line-height:1.6;color:var(--text-primary);max-width:900px;margin-inline:auto}.about__text p{margin-bottom:var(--space-8);text-align:center}.toolkit{background-color:transparent;padding:0;box-shadow:none;border:none;margin-top:var(--space-12)}.toolkit__title{font-size:2rem;margin-bottom:var(--space-8);display:block;color:var(--text-primary);font-weight:700;text-align:center}.toolkit__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:stretch}.toolkit__category{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:0;display:flex;flex-direction:column;overflow:hidden;height:100%;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.toolkit__category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .4s ease}.toolkit__category:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px);border-color:var(--color-primary-muted)}.toolkit__category:hover:before{opacity:1}.toolkit__category-icon{display:block;font-size:2.5rem;color:var(--accent);margin:var(--space-6) auto var(--space-4);text-align:center;opacity:.9;transition:all .3s ease}.toolkit__category:hover .toolkit__category-icon{transform:scale(1.2);opacity:1}.toolkit__category-title{padding:var(--space-4) var(--space-6);font-size:1.2rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin:0;text-align:center}.toolkit__list{padding:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3);flex-grow:1;align-content:flex-start}.toolkit__list .badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;color:var(--text-primary);background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-family:var(--font-mono);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;white-space:nowrap}.toolkit__list .badge:hover{background:linear-gradient(135deg,var(--color-primary-muted) 0%,var(--color-accent-muted) 100%);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #00000026}@media(min-width:640px){.toolkit__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.toolkit__grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--bg-surface);border-radius:var(--radius-xl);border:none;overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);border:1px solid transparent}.card--gradient{background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-primary) 100%);border:1px solid var(--border-subtle)}.card:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.card--clickable:hover{cursor:pointer}.card__content{padding:var(--space-6);flex-grow:1;display:flex;flex-direction:column}.card__image-container{width:100%;aspect-ratio:16 / 9;background-color:var(--color-neutral-100);overflow:hidden;position:relative}.card__image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;pointer-events:none;transition:background-color var(--transition-normal)}.card:hover .card__image-container:after{background-color:#0000}.card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card--clickable:hover .card__image{transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background-color:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}.modal{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .25s ease-out;color:var(--text-primary)}.modal__close{position:absolute;top:var(--space-4);right:var(--space-4);background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);z-index:10}.modal__close:hover{background-color:var(--color-neutral-100);color:var(--text-primary)}.modal__content{padding:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:stretch}.projects-grid>.reveal{height:100%}.projects-grid .card{height:100%}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card__title{font-size:1.5rem;margin-bottom:var(--space-2)}.project-card__desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-4);flex-grow:1}.project-card__footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-modal__header{margin-bottom:var(--space-6)}.project-modal__title{font-size:2rem;margin-bottom:var(--space-4)}.project-modal__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.project-modal__body{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-8)}.project-modal__actions{display:flex;gap:var(--space-4)}.project-modal__image-container{margin:calc(var(--space-8) * -1) calc(var(--space-8) * -1) var(--space-6) calc(var(--space-8) * -1);position:relative}.project-modal__image{width:100%;height:auto;display:block}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:stretch}.services-grid>.reveal{height:100%}.service-card{height:100%}@media(min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card__icon{display:block;font-size:2.5rem;color:var(--accent);margin:var(--space-6) auto var(--space-4);text-align:center;opacity:.9;transition:all .3s ease}.service-card:hover .service-card__icon{transform:scale(1.2);opacity:1}.service-card__title{font-size:1.25rem;text-align:center;margin-bottom:var(--space-3);color:var(--text-primary)}.service-card__desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6;text-align:center}.contact-card{background-color:var(--color-neutral-800);color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);text-align:center;width:100%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center}.contact__headline{font-size:2.5rem;margin-bottom:var(--space-4);color:var(--color-white)}.contact__body{color:var(--color-neutral-200);font-size:1.125rem;max-width:700px;margin:0 auto var(--space-8);line-height:1.7}.contact__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.social-button{display:flex;align-items:center;gap:var(--space-2)}.social-icon{font-size:1.25rem}.contact-card .btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);min-width:160px}