@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-Dh36KTnx.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Bold-DirYFTCx.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Italic-B66cfCmv.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-BoldItalic-De0BkA58.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Light-CHlwG-lm.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Medium-pYQm08-g.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Motterdam;src:url(/assets/Motterdam-C9f46Tax.ttf);font-weight:400;font-style:normal}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;width:100vw;overflow-x:hidden}html{margin:0;padding:0}#root{min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ffffff0f}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#1e293b;background-color:#f8fafc}a{color:#3b82f6}a:hover{color:#2563eb}button{background-color:#f1f5f9;color:#1e293b;border-color:#cbd5e1}button:hover{border-color:#94a3b8;background-color:#e2e8f0}}@media (max-width: 639px){h1{font-size:1.8rem!important;line-height:1.1}h2{font-size:1.4rem!important;line-height:1.2}h3{font-size:1.2rem!important;line-height:1.2}h4{font-size:1.1rem!important;line-height:1.3}h5{font-size:1rem!important;line-height:1.3}h6{font-size:.95rem!important;line-height:1.4}body,p{font-size:.85rem!important;line-height:1.5}small{font-size:.75rem!important}}@media (min-width: 640px) and (max-width: 767px){h1{font-size:2rem!important;line-height:1.1}h2{font-size:1.6rem!important;line-height:1.2}h3{font-size:1.3rem!important;line-height:1.2}h4{font-size:1.15rem!important;line-height:1.3}h5{font-size:1.05rem!important;line-height:1.3}h6{font-size:.95rem!important;line-height:1.4}body,p{font-size:.9rem!important;line-height:1.5}small{font-size:.75rem!important}}@media (min-width: 768px) and (max-width: 1023px){h1{font-size:2.75rem!important;line-height:1.1}h2{font-size:2rem!important;line-height:1.2}h3{font-size:1.625rem!important;line-height:1.2}h4{font-size:1.375rem!important;line-height:1.3}h5{font-size:1.125rem!important;line-height:1.3}h6{font-size:1rem!important;line-height:1.4}body,p{font-size:1rem!important;line-height:1.6}small{font-size:.85rem!important}}@media (min-width: 1024px) and (max-width: 1279px){h1{font-size:4.25rem!important;line-height:1.1}h2{font-size:3.125rem!important;line-height:1.2}h3{font-size:2.25rem!important;line-height:1.2}h4{font-size:1.875rem!important;line-height:1.3}h5{font-size:1.46875rem!important;line-height:1.3}h6{font-size:1.234375rem!important;line-height:1.4}body,p{font-size:1.109375rem!important;line-height:1.6}small{font-size:.984375rem!important}}@media (min-width: 1280px){h1{font-size:5rem!important;line-height:1.1}h2{font-size:3.5rem!important;line-height:1.2}h3{font-size:2.5rem!important;line-height:1.2}h4{font-size:2rem!important;line-height:1.3}h5{font-size:1.5rem!important;line-height:1.3}h6{font-size:1.25rem!important;line-height:1.4}body,p{font-size:.95rem!important;line-height:1.6}small{font-size:.875rem!important}}.hero-section h1,.hero-section [class*=MuiTypography-h1],.hero-greeting,.hero-name,.hero-title,.hero-description{font-size:inherit!important}.hero-greeting{font-size:clamp(1.25rem,2vw,1.5rem)!important}.hero-name{font-size:clamp(2.2rem,5vw,4rem)!important}.hero-title{font-size:clamp(1.75rem,3vw,2rem)!important}.hero-description{font-size:clamp(1.125rem,1.5vw,1.25rem)!important}#root{width:100%;margin:0 auto;overflow-x:hidden}@media (max-width: 599px){#root{padding:0}}@media (min-width: 600px){#root{max-width:1280px}}@media (min-width: 1921px){#root{max-width:1440px}}.logo{height:6em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;overflow:hidden}.hero-content-container{flex:1}.hero-section-container{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;max-width:100vw}.hero-content-layout{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;width:100%;position:relative}.hero-content-wrapper{flex:1}.hero-actions-container{display:flex;gap:1rem}.hero-avatar-container{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:300px;height:300px;position:relative}.hero-greeting{font-size:clamp(1.25rem,2vw,1.5rem)!important;margin-bottom:2rem!important;font-weight:500!important}.hero-name{font-size:clamp(2.5rem,5vw,4rem)!important;margin-bottom:2rem!important;font-weight:700!important}.hero-title{font-size:clamp(1.5rem,3vw,1.8rem)!important;margin-bottom:3rem!important;font-weight:300!important}.hero-description{font-size:clamp(1.125rem,1.5vw,1.25rem)!important;margin-bottom:3rem!important;max-width:600px;line-height:1.6}.hero-actions{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:2rem}.hero-avatar-container{display:flex;justify-content:center;margin-bottom:2rem}.hero-avatar{width:200px;height:200px;border-radius:50%;border:4px solid;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease}.hero-avatar:hover{transform:scale(1.05)}@media (max-width: 767px){.hero-section{padding:1rem .5rem;text-align:center}.hero-content-container{text-align:center}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{flex-direction:column;gap:1rem}.hero-avatar{width:150px;height:150px}}@media (min-width: 768px){.hero-content-container{text-align:left}.hero-description{margin-left:0;margin-right:0}}@media (max-width: 480px){.hero-avatar{width:120px;height:120px}}.education-degree{font-weight:700!important;margin-bottom:.5rem!important}.education-institution{margin-bottom:.5rem!important;font-weight:600!important;font-size:1.1rem!important}.education-card{overflow:hidden;max-width:1000px;margin:0 auto 3rem;padding:0;text-align:start}.education-description{line-height:1.7;font-size:1rem;font-weight:400;margin-bottom:1rem!important;padding-bottom:1rem}.education-card-section{margin-bottom:1rem!important}.education-card-section:last-child{margin-bottom:0}.education-courses-section{padding-top:1rem}.final-project-container{border-radius:16px;padding:2rem;margin:1rem 0;border:2px solid;background:linear-gradient(135deg,#1976d20d,#9c27b00d);position:relative;overflow:hidden}.final-project-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1976d2,#9c27b0,#f57c00)}.final-project-title-container{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.final-project-title-and-grade{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex:1;min-width:0}.final-project-title{font-weight:700!important;font-size:1.1rem!important}.final-project-description{line-height:1.6;font-size:.95rem}.final-project-github-btn{width:32px;height:32px;transition:color .6s cubic-bezier(.4,0,.2,1)}.achievements-container{margin-bottom:1rem}.achievement-item{margin-bottom:.5rem;display:flex;align-items:flex-start;gap:1rem}.achievement-text{font-style:italic;line-height:1.6}.bullet-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.bullet-dot{width:10px;height:10px;border-radius:50%}.bullet-text{font-weight:700!important}@media (max-width: 767px){.education-card{text-align:center;margin:0 auto 2rem;max-width:100%}.education-description{text-align:center;font-size:.8rem!important}.education-logo{width:100%;max-width:200px;height:auto;margin:0 auto}.education-degree{font-size:1rem!important;text-align:center!important}.education-institution{font-size:.85rem!important;text-align:center!important}.final-project-container{padding:1.5rem;text-align:left}.final-project-title-container,.final-project-title-and-grade{flex-direction:column;align-items:center;text-align:center}.final-project-title,.final-project-description{text-align:center!important}.achievements-container{text-align:left}.achievement-item{align-items:flex-start;text-align:left}.achievement-text{text-align:left}.bullet-container{align-items:flex-start;text-align:left}.bullet-text{text-align:left!important}.education-courses{justify-content:center}.final-project-header{justify-content:center;text-align:center}.final-project-meta{justify-content:center}}@media (min-width: 768px){.education-logo{width:180px;height:90px}.education-degree{font-size:1.5rem!important}.education-institution{font-size:1.125rem!important}}.education-section-title{font-size:1.1rem!important;font-weight:600!important;margin-bottom:1rem!important;display:flex;align-items:center;gap:.5rem}.education-courses{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.education-course{padding:.25rem .65rem!important;border-radius:12px!important;font-size:.7rem!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;cursor:default!important}.final-project-simple{margin-top:.75rem}.final-project-header{display:flex;justify-content:start;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:1rem}.final-project-meta{display:flex;align-items:center;gap:.75rem}.final-project-title{margin-bottom:0!important}.final-project-description{font-size:.9rem!important;line-height:1.6!important}.experience-logo{width:60px;height:60px}.experience-logo-placeholder{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.experience-title{font-weight:700!important;margin-bottom:.5rem!important;font-size:1.5rem!important;line-height:1.3!important}.experience-company{margin-bottom:.75rem!important;font-weight:600!important;font-size:1.125rem!important;line-height:1.4!important}.experience-period,.experience-location{font-size:.9rem!important}.experience-type-badge{padding:.25rem .75rem!important;border-radius:12px!important;font-size:.7rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.experience-actions{display:flex;align-items:flex-start;margin-left:auto}.experience-section{padding:2rem 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.experience-section-content{max-width:1000px;width:100%;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.experience-section-title{padding-top:1rem;font-weight:700!important;margin-bottom:.5rem!important;line-height:1.3!important}.experience-section-subtitle{text-align:center;margin-bottom:2rem!important;font-size:1.25rem!important;opacity:.8}.experience-timeline-container{display:flex;flex-direction:column;gap:3rem}.experience-timeline-graph{display:flex;justify-content:center;align-items:center;min-height:150px;position:relative;margin-bottom:1rem}.timeline-line{position:absolute;height:2px;width:70%;top:100%;z-index:1}.timeline-nodes-container{display:flex;justify-content:space-between;align-items:center;width:70%;position:relative;z-index:2}.timeline-node{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem;border-radius:12px;position:relative}.timeline-node:hover{transform:translateY(-4px)}.timeline-node-circle{width:60px;height:60px;border-radius:50%;border:3px solid;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.timeline-node-logo{width:40px;height:40px;object-fit:contain;border-radius:6px}.timeline-node-circle:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-node.active .timeline-node-circle:after{opacity:1}.timeline-node-content{text-align:center;min-width:140px}.timeline-node-date{font-size:.8rem!important;font-weight:500!important;margin-bottom:.25rem!important;opacity:.7}.timeline-node-title{font-size:.9rem!important;font-weight:600!important;margin-bottom:.125rem!important;line-height:1.2}.timeline-node-company{font-size:.8rem!important;opacity:.8}.timeline-node-type{font-size:.65rem!important;padding:.15rem .6rem;border-radius:12px;margin-top:.3rem;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.experience-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.experience-card{overflow:hidden;max-width:1000px;margin:0 auto 3rem;padding:0;text-align:start;height:fit-content;transform-style:preserve-3d;scroll-margin-top:2rem}.experience-card:hover{box-shadow:0 12px 24px #00000026}.experience-card-header{padding:2rem;display:flex;border-bottom:1px solid}.experience-card-content{padding:2rem!important}.experience-description{line-height:1.7;font-size:1rem;font-weight:400;margin-bottom:2rem!important;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.experience-card-section{margin-bottom:1.5rem!important}.experience-card-section:last-child{margin-bottom:0}.experience-technologies-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.experience-content{padding:1.5rem!important}.experience-technologies{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.experience-technology{padding:.375rem .875rem;border-radius:14px;font-size:.8rem!important;font-weight:500;transition:all .2s ease-in-out}.experience-bullet-points{list-style:none;padding:0;margin:0}.experience-bullet-point{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem}.experience-bullet-point:last-child{margin-bottom:0;padding-bottom:0}.experience-bullet{width:8px;height:8px;border-radius:50%;margin-top:8px;flex-shrink:0}.experience-bullet-text{font-size:.95rem!important;line-height:1.6;font-weight:400}@media (max-width: 767px){.experience-section-content{padding:0 1rem;text-align:center}.experience-section-title{font-size:1.8rem!important;text-align:center!important}.experience-section-subtitle{font-size:.95rem!important;margin-bottom:3rem!important;text-align:center!important}.experience-timeline-graph{min-height:120px}.timeline-nodes-container{flex-direction:column;gap:1.5rem;width:100%}.timeline-line{width:2px;height:80%;left:50%;top:10%;transform:translate(-50%)}.timeline-node-circle{width:50px;height:50px}.timeline-node-content{min-width:auto;text-align:center}.experience-cards-container{grid-template-columns:1fr;gap:1.5rem}.experience-card-header{padding:1.25rem;gap:.75rem;flex-direction:column;align-items:center;text-align:center}.experience-card-logo,.experience-card-logo-placeholder{width:60px;height:60px;margin:0 auto}.experience-card-meta{flex-direction:column;align-items:center;text-align:center;gap:.25rem}.experience-card-company-type{flex-direction:column;align-items:center;text-align:center;gap:.5rem}.experience-card-content{padding:1.5rem!important;text-align:center}.experience-description{font-size:.8rem;margin-bottom:1.5rem!important;padding-bottom:.75rem;text-align:center}.experience-bullet-point{margin-bottom:.875rem;gap:.875rem;display:flex;align-items:flex-start;text-align:left}.experience-bullet-text{text-align:left}.experience-technologies-section{margin-top:.75rem;padding-top:.75rem}}@media (min-width: 768px) and (max-width: 1199px){.experience-section-title{font-size:2.75rem!important}.timeline-nodes-container{width:80%}.timeline-line{width:80%;left:10%}.experience-cards-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width: 1200px){.experience-cards-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.projects-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem}.projects-container,.projects-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem}.project-card{text-align:start;overflow:hidden;min-height:500px;width:480px;flex:0 0 480px;display:flex;flex-direction:column;position:relative;border:1px solid;border-color:var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;background:var(--bg-secondary, rgba(255, 255, 255, .03));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px var(--shadow-hover, rgba(0, 0, 0, .2));border-color:var(--primary-color, #10b981)}.project-featured-badge{position:absolute!important;top:12px;right:12px;background-color:var(--primary-color, #10b981)!important;color:#fff!important;font-weight:600!important;z-index:1}.project-content{display:flex;flex-direction:column;height:100%;flex:1;padding:2rem;gap:1.5rem}.project-header{display:flex;flex-direction:column;gap:1rem;text-align:center}.project-title-row{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1rem}.project-logo{max-width:64px;max-height:64px;width:auto;height:auto;object-fit:contain;border-radius:6px;transition:all .3s ease;flex-shrink:0}.project-card:hover .project-logo{transform:scale(1.05)}.project-title{font-weight:700!important;margin-bottom:0!important;color:var(--text-primary);text-align:left}.project-description{font-size:.95rem;line-height:1.5;color:var(--text-secondary);opacity:.9}.project-details{flex:1;display:flex;flex-direction:column}.project-details-list li{margin-bottom:.75rem;line-height:1.6;font-size:.9rem;color:var(--text-secondary);position:relative;padding-left:1.2rem}.project-details-list li:before{content:"•";color:var(--primary-color, #10b981);position:absolute;left:0;top:0}.project-technologies{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color, rgba(255, 255, 255, .06))}.project-tech-label{font-weight:600!important;margin-bottom:1rem!important;color:var(--text-primary)}.project-tech-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.project-tech-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:16px;background:var(--bg-tertiary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));transition:all .2s ease}.project-tech-item:hover{background:var(--bg-secondary, rgba(255, 255, 255, .08));border-color:var(--primary-color, #10b981)}.project-tech-icon{width:16px;height:16px;object-fit:contain}.project-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s ease;border:1px solid transparent}.project-link:hover{transform:translateY(-2px)}.project-link-github{background:#10b9811a;color:var(--primary-color, #10b981);border-color:#10b9814d}.project-link-github:hover{background:#10b98126}.project-link-demo{background:#6366f11a;color:#6366f1;border-color:#6366f14d}.project-link-demo:hover{background:#6366f126}.project-link-article{background:#fbbf241a;color:#fbbf24;border-color:#fbbf244d}.project-link-article:hover{background:#fbbf2426}.project-status-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-details-section{flex:1;display:flex;flex-direction:column}.project-details-list{list-style:none;padding:0;margin:0;width:100%}.project-detail-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.project-detail-dot{margin-top:6px}.project-detail-circle{width:6px;height:6px;border-radius:50%}.project-detail-text{text-align:left;line-height:1.6;font-size:.9rem}.project-technologies-section{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.project-technologies-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.project-tech-chip{padding:.4rem .8rem;border-radius:16px;font-size:.75rem;font-weight:500;border:1px solid;transition:all .2s ease;display:inline-flex;align-items:center}.project-tech-icon{width:16px;height:16px;margin-right:6px;object-fit:contain}.project-links-section{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.project-link-button{padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.85rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.project-link-button:hover{transform:translateY(-1px)}.project-status-completed{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.project-status-in-progress{background-color:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.project-status-planned{background-color:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.3)}@media (max-width: 1200px){.projects-grid{gap:1.5rem}.project-card{width:400px;flex:0 0 400px;min-height:480px}}@media (max-width: 768px){.projects-grid{flex-direction:column;align-items:center;gap:1.5rem;padding:0rem}.project-card{width:100%;max-width:400px;flex:none;min-height:450px}.project-content{padding:1.5rem}.project-links{flex-direction:column;align-items:center}.project-link{justify-content:center;width:100%;max-width:200px}}.contact-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem}.contact-container{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:800px;padding:0 2rem;gap:3rem}.contact-intro{text-align:center;max-width:600px}.contact-intro h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-color, #10b981)}.contact-intro p{font-size:1.2rem;line-height:1.6;opacity:.9;margin-bottom:1rem}.contact-methods{display:flex;flex-direction:row;justify-content:center;gap:2rem;flex-wrap:wrap;width:100%}.contact-card{text-align:center;flex:1;position:relative;display:flex;padding:1.5rem;flex-direction:column;gap:1rem;border-radius:16px;background:var(--bg-secondary, rgba(255, 255, 255, .03));border:1px solid var(--border-color, rgba(255, 255, 255, .1));transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px var(--shadow-hover, rgba(0, 0, 0, .2));border-color:var(--primary-color, #10b981)}.contact-icon{width:48px;height:48px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,var(--primary-color, #10b981),var(--primary-light, #34d399));color:#fff;transition:all .3s ease}.contact-card:hover .contact-icon{transform:scale(1.1);box-shadow:0 8px 16px #10b9814d}.contact-card-title{font-size:1.25rem!important;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);transition:color .3s ease}.contact-card:hover .contact-card-title{color:var(--primary-color, #10b981)}.contact-card-content{font-size:1rem;line-height:1.5;color:var(--text-secondary);opacity:.9;transition:all .3s ease}.contact-card:hover .contact-card-content{opacity:1;color:var(--text-primary)}.contact-link{text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;margin-top:1rem}.contact-link:hover{opacity:.8;transform:translateY(-2px)}.contact-form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.contact-form-row{display:flex;gap:1rem}.contact-form-field{flex:1;display:flex;flex-direction:column;gap:.5rem}.contact-form-label{font-size:.9rem;font-weight:500}.contact-form-input,.contact-form-textarea{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;font-size:1rem;transition:all .3s ease}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;border-color:var(--primary-color, #10b981);background:#ffffff1a}.contact-form-textarea{min-height:120px;resize:vertical}.contact-form-submit{padding:1rem 2rem;border-radius:8px;border:none;background:var(--primary-color, #10b981);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:center}.contact-form-submit:hover{background:var(--primary-color-dark, #059669);transform:translateY(-2px)}@media (max-width: 768px){.contact-container{padding:0 1rem;gap:2rem;flex-direction:column}.contact-methods{flex-direction:column;align-items:center}.contact-card{width:100%;max-width:400px}.contact-form-row{flex-direction:column}.contact-intro h2{font-size:1.4rem;text-align:center}.contact-intro p{text-align:center;font-size:.85rem}.contact-card-title{font-size:.95rem}.contact-card-content{font-size:.8rem}}@media (max-width: 480px){.contact-intro h2{font-size:1.2rem}.contact-intro p{font-size:.8rem}.contact-card-title{font-size:.9rem}.contact-card-content{font-size:.75rem}}:root{--light-bg-primary: #f8fafc;--light-bg-secondary: #ffffff;--light-bg-tertiary: #f1f5f9;--light-text-primary: #1e293b;--light-text-secondary: #475569;--light-text-tertiary: #64748b;--light-border: #cbd5e1;--light-border-secondary: #e2e8f0;--light-shadow: rgba(0, 0, 0, .1);--light-shadow-hover: rgba(0, 0, 0, .15);--dark-bg-primary: #0f172a;--dark-bg-secondary: #1e293b;--dark-bg-tertiary: #334155;--dark-text-primary: #f8fafc;--dark-text-secondary: #94a3b8;--dark-text-tertiary: #64748b;--dark-border: #334155;--dark-border-secondary: #475569;--dark-shadow: rgba(0, 0, 0, .3);--dark-shadow-hover: rgba(0, 0, 0, .4);--primary-color: #10b981;--primary-light: #34d399;--primary-dark: #059669;--secondary-color: #3b82f6;--secondary-light: #60a5fa;--secondary-dark: #2563eb}[data-theme=light]{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-tertiary: var(--light-text-tertiary);--border-color: var(--light-border);--border-secondary: var(--light-border-secondary);--shadow-color: var(--light-shadow);--shadow-hover: var(--light-shadow-hover)}[data-theme=dark]{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--border-color: var(--dark-border);--border-secondary: var(--dark-border-secondary);--shadow-color: var(--dark-shadow);--shadow-hover: var(--dark-shadow-hover)}@media (prefers-color-scheme: light){:root{--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-tertiary: var(--light-text-tertiary);--border-color: var(--light-border);--border-secondary: var(--light-border-secondary);--shadow-color: var(--light-shadow);--shadow-hover: var(--light-shadow-hover)}}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--border-color: var(--dark-border);--border-secondary: var(--dark-border-secondary);--shadow-color: var(--dark-shadow);--shadow-hover: var(--dark-shadow-hover)}}.section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;max-width:100vw}.section-content{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-weight:700!important;text-align:center;margin-bottom:1rem!important;padding-top:1rem;font-size:3rem!important;line-height:1.2!important}.section-subtitle{text-align:center;margin-bottom:2rem!important;font-size:1.25rem!important;opacity:.8;max-width:600px;margin-left:auto;margin-right:auto}.card-title{text-align:center!important;font-weight:700!important;margin-bottom:1.5rem!important;font-size:1.25rem!important;line-height:1.3!important}.subsection-title{font-size:1.1rem!important;font-weight:600!important;margin-bottom:1rem!important;display:flex;align-items:center;gap:.5rem}.card{border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.card:hover{transform:translateY(-4px)}.card-header{padding:2rem;display:flex;border-bottom:1px solid;gap:2rem;align-items:center}.card-content{padding:2rem!important}.meta-container{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.period-text,.location-text{font-size:.9rem!important}.type-badge{padding:.25rem .75rem!important;border-radius:12px!important;font-size:.7rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.logo{border-radius:8px;object-fit:contain;flex-shrink:0}.logo-large{width:180px;height:90px}.logo-medium{width:120px;height:60px}.logo-small{width:60px;height:60px}.text-container{flex:1;min-width:0}.header-container{display:flex;gap:2rem;width:100%;align-items:flex-start}.actions-container{display:flex;align-items:flex-start;margin-left:auto}@media (max-width: 767px){.section-content{padding:0!important;text-align:center}.section{padding:1rem!important}.section-title{font-size:1.6rem!important}.section-subtitle{font-size:.95rem!important}.card-title{font-size:.95rem!important;text-align:center!important}.card-header{padding:1.5rem;flex-direction:column;align-items:center;text-align:center}.card-content{padding:1.5rem!important;text-align:center}.header-container{flex-direction:column;align-items:center;text-align:center;width:100%}.text-container{text-align:center;width:100%}.logo-large,.logo-medium{width:100%;max-width:200px;height:auto}.meta-container{flex-direction:column;align-items:center;text-align:center;width:100%}.actions-container{margin:1rem auto 0}}@media (min-width: 768px) and (max-width: 1023px){.section-title{font-size:2.5rem!important}.section-subtitle{font-size:1.15rem!important}.card-header{gap:1.5rem}}@media (min-width: 768px){.card-header{align-items:center;flex-direction:row}.header-container,.meta-container{flex-direction:row;align-items:center}}.skills-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem}.skills-title{padding-top:1rem;margin-bottom:1rem!important;text-align:center;font-weight:700!important}.skills-subtitle{text-align:center;max-width:800px;margin:0 auto 2rem!important}.skills-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem}.skill-card{text-align:start;overflow:hidden;min-height:600px!important;width:380px;flex:0 0 380px;display:flex;flex-direction:column;position:relative}.skill-card:hover{box-shadow:0 12px 24px #00000026}.skill-card-content{display:flex;flex-direction:column;height:100%;flex:1;gap:2rem}.skill-card-text-section{flex:1;display:flex;flex-direction:column}.skill-card-text-content{list-style:none;padding:0;margin:0;width:100%}.skill-card-title{text-align:center!important;font-weight:700!important;margin-bottom:1.5rem!important;text-shadow:0 1px 3px rgba(0,0,0,.1)}.skill-bullet-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.skill-bullet-dot{margin-top:6px}.skill-bullet-circle{width:6px;height:6px;border-radius:50%}.skill-bullet-text{text-align:left;line-height:1.6;font-size:.95rem}.skill-icons-section{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;margin-top:auto;padding-top:1rem}.skill-icons-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:1rem;min-height:90px;align-items:flex-start}.skill-icon-wrapper{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:90px;width:80px;flex-shrink:0}.skill-icon-box{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;flex-shrink:0;margin-top:auto}.skill-icon-box:hover{transform:translateY(-4px) scale(1.08)!important}.skill-card:hover .skill-icon-box{transform:translateY(-2px) scale(1.02)}.skill-card:hover .skill-icon-box:hover{transform:translateY(-6px) scale(1.1)!important}.skill-icon-image{transition:all .3s ease-in-out}.skill-icon-label{margin-top:.5rem!important;font-weight:500!important;transition:color .3s ease-in-out;font-size:.75rem!important;line-height:1.2!important;min-height:2.4em;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.skills-section{padding:1rem .5rem;text-align:center}.skills-container{flex-direction:column;gap:1.5rem;padding:0}.skill-card{padding:1.5rem;min-width:100%;width:100%;flex:0 0 auto;min-height:350px!important;text-align:center}.skill-card-content{flex-direction:column;gap:1.5rem}.skill-card-text-section{flex:1}.skill-icons-section{margin-top:auto}.skill-icons-container{gap:1.2rem;justify-content:center}.skill-icon-wrapper{width:58px;text-align:center}.skill-icon-box{width:50px;height:44px;margin:0 auto}.skill-icon-image{width:26px;height:26px}.skill-icon-label{font-size:.7rem!important;text-align:center}}@media (min-width: 768px){.skills-container{flex-direction:row;gap:2rem}.skill-card{padding:2rem;width:340px;flex:0 0 340px;min-height:420px!important}.skill-card-content{flex-direction:column;gap:2rem}.skill-card-title{font-size:1.8rem!important}.skill-bullet-text{font-size:.9rem!important}.skill-icons-container{gap:1.2rem}.skill-icon-wrapper{width:58px}.skill-icon-box{width:50px;height:44px}.skill-icon-image{width:26px;height:26px}.skill-icon-label{font-size:.7rem!important}}@media (min-width: 1200px){.skills-container{gap:2.5rem}.skill-card{width:400px;flex:0 0 400px;min-height:650px!important}.skill-card-title{font-size:2rem!important}.skill-bullet-text{font-size:1rem!important}.skill-icons-container{gap:1.2rem}.skill-icon-wrapper{width:65px}.skill-icon-box{width:54px;height:48px}.skill-icon-image{width:28px;height:28px}.skill-icon-label{font-size:.75rem!important}}
