:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--text-color: #1f2937;--text-light: #6b7280;--bg-color: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--shadow-color: rgba(0, 0, 0, .1);--overlay-color: rgba(0, 0, 0, .7);--transition: all .3s ease}.dark{--primary-color: #3b82f6;--primary-hover: #60a5fa;--text-color: #f3f4f6;--text-light: #9ca3af;--bg-color: #111827;--bg-secondary: #1f2937;--border-color: #374151;--shadow-color: rgba(0, 0, 0, .3);--overlay-color: rgba(0, 0, 0, .8)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);transition:var(--transition)}.app-container{min-height:100vh;transition:var(--transition)}.light-mode,.dark-mode{background-color:var(--bg-color);color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.text-accent{color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fade-in{animation:fadeIn 1s ease-out}.blink-cursor{animation:blink 1s step-end infinite}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-align:center;cursor:pointer;transition:var(--transition);border:none;outline:none}.primary-button{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:10px;border:none;border-radius:5px}.primary-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.secondary-button{padding:10px;border:none;border-radius:5px;background-color:var(--bg-secondary);color:var(--text-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.secondary-button.light{background-color:#e5e7eb;color:#1f2937}.secondary-button.dark{background-color:#374151;color:#f3f4f6}.secondary-button:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:transparent;border:none;color:var(--text-color);cursor:pointer;transition:var(--transition)}.theme-toggle:hover{background-color:var(--border-color)}.menu-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:transparent;border:none;color:var(--text-color);cursor:pointer;transition:var(--transition)}.menu-toggle:hover{background-color:var(--border-color)}.header{position:fixed;top:0;left:0;right:0;z-index:50;transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.light-header{background-color:#fffc}.dark-header{background-color:#111827cc}.header-content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none;cursor:pointer}.desktop-nav{display:none}.nav-link{font-weight:500;color:var(--text-color);text-decoration:none;transition:var(--transition);cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.mobile-menu-buttons{display:flex;align-items:center;gap:.5rem}.mobile-nav{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem}.mobile-nav-link{font-size:1.5rem;font-weight:500;color:var(--text-color);text-decoration:none;transition:var(--transition);cursor:pointer}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary-color)}.main-content{padding-top:5rem}.section-container{max-width:1200px;margin:0 auto;padding:1.5rem}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;text-align:center}.section-subtitle{color:var(--text-light);text-align:center;margin-bottom:3rem;max-width:42rem;margin-left:auto;margin-right:auto}.subsection-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.hero-section{min-height:calc(100vh - 5rem);display:flex;align-items:center;position:relative;overflow:hidden;background-size:cover;background-position:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#ffffffe6,#fff9)}.dark .hero-overlay{background:linear-gradient(to right,#111827e6,#11182799)}.hero-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.hero-text{max-width:48rem}.hero-title{font-size:3rem;margin-bottom:1rem;animation:fadeIn 1s ease-out}.hero-subtitle{font-size:1.25rem;margin-bottom:1.5rem;height:3rem;font-weight:500}.hero-description{font-size:1.125rem;margin-bottom:2rem;max-width:42rem;color:var(--text-light)}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}@media (min-width: 768px){.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.875rem}}.projects-section{padding:5rem 0}.projects-section.light,.projects-section.dark{background-color:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}.project-card{position:relative;overflow:hidden;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:var(--transition);cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.project-image-container{position:relative;padding-bottom:56.25%;overflow:hidden}.project-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:var(--transition);display:flex;align-items:flex-end}.project-card:hover .project-overlay{opacity:1}.project-overlay-content{padding:1.5rem;color:#fff}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.project-description{margin-bottom:1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.25rem .5rem;font-size:.75rem;background-color:#3b82f6cc;color:#fff;border-radius:9999px}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.about-section{padding:5rem 0}.about-section.light,.about-section.dark{background-color:var(--bg-color)}.about-grid{display:grid;grid-template-columns:1fr;gap:3rem}.about-content{order:2}.about-text{margin-bottom:1.5rem;color:var(--text-light)}.about-image-section{order:1}.profile-image-container{border-radius:.75rem;overflow:hidden;margin-bottom:3rem}.profile-image{width:100%;height:auto;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.skills-chart{width:100%;height:20rem}.download-button{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;text-decoration:none}.download-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.experience-timeline{margin-bottom:2rem}.timeline-item{position:relative;padding-left:2rem;margin-bottom:2rem}.timeline-item.has-line{padding-bottom:2rem;border-left:2px solid var(--border-color)}.timeline-dot{position:absolute;left:0;top:0;width:1rem;height:1rem;border-radius:50%;background-color:var(--primary-color);transform:translate(-50%)}.timeline-content{padding-left:1rem}.timeline-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.timeline-company{color:var(--primary-color);margin-bottom:.25rem}.timeline-period{font-size:.875rem;color:var(--text-light);margin-bottom:.5rem}.timeline-description{color:var(--text-light)}@media (min-width: 1024px){.about-grid{grid-template-columns:1fr 1fr}.about-content{order:1}.about-image-section{order:2}}.contact-section{padding:5rem 0}.contact-section.light,.contact-section.dark{background-color:var(--bg-secondary)}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem}.contact-form{padding:2rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.contact-form.light{background-color:var(--bg-color)}.contact-form.dark{background-color:var(--bg-secondary)}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.form-fields{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-input{width:100%;padding:1rem;border-radius:.5rem;border:none;outline:none;transition:var(--transition)}.form-input.light{background-color:#f3f4f6;color:#1f2937}.form-input.dark{background-color:#374151;color:#f3f4f6}.form-input:focus{box-shadow:0 0 0 2px var(--primary-color)}.form-label{position:absolute;left:1rem;top:1rem;transition:var(--transition);pointer-events:none}.form-label.light{color:#6b7280}.form-label.dark{color:#9ca3af}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{transform:translateY(-1.5rem) scale(.85);color:var(--primary-color)}.submit-button{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%}.submit-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.contact-info{padding:2rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:2rem}.contact-info.light{background-color:var(--bg-color)}.contact-info.dark{background-color:var(--bg-secondary)}.info-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.info-items{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;gap:1rem}.info-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:#3b82f61a;color:var(--primary-color);flex-shrink:0}.info-content{flex:1}.info-label{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.info-value{color:var(--text-light);display:flex;align-items:center}.copy-button{background:none;border:none;color:var(--primary-color);margin-left:.5rem;cursor:pointer;transition:var(--transition)}.copy-button:hover{color:var(--primary-hover)}.social-links{padding:2rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.social-links.light{background-color:var(--bg-color)}.social-links.dark{background-color:var(--bg-secondary)}.social-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.social-icons{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;transition:var(--transition);text-decoration:none;color:#fff}.social-icon.light{background-color:#e5e7eb;color:#1f2937}.social-icon.dark{background-color:#374151;color:#f3f4f6}.social-icon.linkedin{background-color:#0a66c2}.social-icon.twitter{background-color:#1da1f2}.social-icon.dribbble{background-color:#ea4c89}.social-icon:hover{transform:translateY(-2px)}@media (min-width: 1024px){.contact-grid{grid-template-columns:1fr 1fr}}.footer{padding:2rem 0;position:relative}.footer.light{background-color:var(--bg-secondary);color:var(--text-light)}.footer.dark{background-color:var(--bg-color);color:var(--text-light)}.footer-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.footer-copyright{font-size:.875rem}.footer-social{display:flex;gap:1rem}.footer-social-link{color:var(--text-light);transition:var(--transition)}.footer-social-link:hover{color:var(--primary-color)}.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:3rem;height:3rem;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:var(--transition);z-index:40}.back-to-top:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width: 768px){.footer-content{flex-direction:row}}.case-study-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-container.light{color:#1f2937}.modal-container.dark{color:#f3f4f6}.modal-content-container{width:100%;max-width:80rem;border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-container.light .modal-content-container{background-color:var(--bg-color)}.modal-container.dark .modal-content-container{background-color:var(--bg-secondary)}.modal-image-container{position:relative;height:24rem;overflow:hidden}.modal-image{width:100%;height:100%;object-fit:cover;object-position:top}.modal-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:flex-end;padding:2rem}.modal-header{max-width:56rem}.modal-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.modal-subtitle{color:#fffc}.modal-close-button{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:var(--transition)}.modal-close-button:hover{background-color:#000000b3}.modal-content{padding:2rem}.project-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.meta-item{padding:.5rem 1rem;border-radius:.5rem}.meta-item.light{background-color:#f3f4f6}.meta-item.dark{background-color:#374151}.meta-label{font-weight:600;margin-right:.5rem}.modal-section-title{font-size:1.875rem;font-weight:600;margin-bottom:1.5rem}.modal-text{font-size:1.125rem;color:var(--text-light);margin-bottom:2rem;line-height:1.7}.project-gallery{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.gallery-item{border-radius:.5rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.gallery-image{width:100%;height:auto}.project-navigation{display:flex;justify-content:space-between;margin-top:3rem}.nav-button{padding:.75rem 1.5rem}.nav-button.light{background-color:#f3f4f6;color:#1f2937}.nav-button.dark{background-color:#374151;color:#f3f4f6}.nav-button:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width: 768px){.modal-image-container{height:28rem}.modal-content{padding:3rem}.project-gallery{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.modal-image-container{height:32rem}}@media (min-width: 768px){.desktop-nav{display:flex;align-items:center;gap:2rem}.mobile-menu-buttons,.mobile-nav{display:none}.header.menu-open{height:auto}}.fas,.fab{font-family:"Font Awesome 6 Free";font-weight:900}.fab{font-family:"Font Awesome 6 Brands"}@media screen and (max-width: 900px){.modal-container{flex-direction:column;display:flex}}