.nav{z-index:1000;background:rgba(255,255,255,.8);position:fixed;top:0;left:0;right:0}.dark-theme .nav{background:rgba(15,23,42,.8)}.nav-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:rgba(255,255,255,.9);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.nav-transparent{background-color:transparent}.nav-container{max-width:1000px;margin:0 auto;padding:12px 16px}.nav-content{justify-content:space-between;align-items:center;display:flex;position:relative}.nav-logo{cursor:pointer;font-size:24px;font-weight:700}.nav-desktop{gap:16px;display:flex}.nav-item{color:rgba(0,0,0,.6);cursor:pointer;border:none;border-radius:4px;padding:8px 12px;font-size:16px;transition:background .3s}.dark-theme .nav-item{color:#fff}.nav-item:hover{color:#0d9488;background-color:#f0fdfa}.dark-theme .nav-item:hover{color:#14ac9d;background-color:#142d3c}.nav-item-active{color:#0d9488;background-color:#f0fdfa}.dark-theme .nav-item-active{color:#14ac9d;background-color:#142d3c}.nav-item-inactive{background:0 0}.nav-mobile-toggle{cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:all .3s;display:none}.nav-mobile-menu{display:none}@media (max-width:767px){.nav-desktop{display:none}.nav-mobile-toggle{display:block}.dark-theme .nav-mobile-icon{color:#f1f5f9}.nav-mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,255,255,.95);border-radius:8px;transition:all .3s;display:block;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}.dark-theme .nav-mobile-menu{background:rgba(15,23,42,.95)}.nav-mobile-menu.open{opacity:1;max-height:300px;transform:translateY(0)}.nav-mobile-menu.closed{opacity:0;max-height:0;transform:translateY(-10px)}.nav-mobile-content{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.nav-mobile-link{color:rgba(0,0,0,.8);cursor:pointer;text-align:left;opacity:0;background:0 0;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;animation:.3s ease-out forwards slideInMobile;display:block;transform:translate(20px)}.dark-theme .nav-mobile-link{color:#f1f5f9}.nav-mobile-link:hover{color:#2564eb;background-color:#b8cff5}.dark-theme .nav-mobile-link:hover,.nav-mobile-link.active,.dark-theme .nav-mobile-link.active{color:#14ac9d;background-color:#142d3c}.nav-mobile-icon{color:rgba(0,0,0,.8);width:1.5rem;height:1.5rem;position:relative}.icon{justify-content:center;align-items:center;margin:0 auto;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.menu-visible{opacity:1;transform:rotate(0)}.menu-hidden{opacity:0;transform:rotate(180deg)}.close-visible{opacity:1;transform:rotate(0)}.close-hidden{opacity:0;transform:rotate(180deg)}}@keyframes slideInMobile{to{opacity:1;transform:translate(0)}}.theme-toggle-mobile-wrapper{display:none}@media (max-width:767px){.theme-toggle-mobile-wrapper{display:block}}
.theme-toggle{color:#000;cursor:pointer;border:none;border-radius:8px;font-size:2rem;position:static}.dark-theme .theme-toggle{color:#fff}@media (max-width:767px){.theme-toggle{z-index:9999;margin:0;position:fixed;bottom:1.5rem;right:1.5rem}}
.hero-section{background-color:#fafbfc;justify-content:center;align-items:center;min-height:100vh;display:flex}.dark-theme .hero-section{background:linear-gradient(135deg,#10182b,#1c2639)}.hero-image{border-radius:100%;width:12rem;height:12rem;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.gradient-overlay{background:linear-gradient(transparent,rgba(13,148,136,.2));position:absolute;top:0;bottom:0;left:0;right:0}.hero-text{text-align:center;margin-top:1rem;font-size:3rem}.hero-subtitle{text-align:center;color:rgba(0,0,0,.6);margin-top:1rem;font-size:1.5rem}.dark-theme .hero-subtitle{color:rgba(255,255,255,.7)}.hero-cta-button{text-align:center;color:#fff;cursor:pointer;background-color:#14ac9d;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1.25rem;font-weight:700;transition:background-position .3s,transform .3s}.hero-cta-button:hover{background-color:#0d9488;transform:scale(1.05)}.hero-cta-container,.bounce-container{text-align:center;margin-top:2rem}.arrow-icon{color:#4c4747;cursor:pointer}.dark-theme .arrow-icon{color:#fff}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}@media (max-width:767px){.hero-text{font-size:2rem}.hero-subtitle{font-size:1.2rem}.arrow-icon{margin-top:2rem}}
.dark-theme #about{background-color:#0f172a}.section-title{text-align:center}.section-heading{margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.about-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);border-radius:1rem;max-width:56rem;margin:2rem auto 0;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark-theme .about-card{background-color:#0f172a;border:1px solid #192438}.about-content{align-items:center;gap:1.5rem;display:flex}.about-image{flex-shrink:0}.about-image-container{border-radius:100%;width:8rem;height:8rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.about-paragraph{font-size:1rem;line-height:1.75}.dark-theme .about-paragraph{color:#e2e8f0}.about-paragraph:first-of-type{margin-bottom:1rem}.about-tags{flex-wrap:wrap;justify-content:flex-start;gap:2%;margin-top:1rem;display:flex}.tag{border-radius:9999px;padding:.25rem .75rem;font-size:.875rem}.tag-teal{color:#0f766e;background-color:#ccfbf1}.tag-blue{color:#1e40af;background-color:#dbeafe}.tag-purple{color:#7c3aed;background-color:#ede9fe}@media (max-width:767px){.about-content{text-align:center;flex-direction:column}.about-tags{justify-content:center}.tag{margin-bottom:1rem}}
#projects{background-color:#fafbfc}.dark-theme #projects{background-color:#1e293b}.projects-container{width:100%;max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}.projects-list{flex-wrap:wrap;gap:2%;margin-top:2rem;display:flex}.project-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background-color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);border-radius:1rem;width:32%;height:32%;margin-bottom:3rem;transition:all .3s;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.dark-theme .project-card{background-color:#121a2e;border:none}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.project-image-container{position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:12rem;transition:transform .3s}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{opacity:0;background-image:linear-gradient(transparent,rgba(0,0,0,.5));transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover .project-overlay{opacity:1}.project-buttons{opacity:0;gap:.5rem;transition:opacity .3s;display:flex;position:absolute;top:1rem;right:1rem}.project-card:hover .project-buttons{opacity:1}.project-button{color:#374151;cursor:pointer;background-color:rgba(255,255,255,.9);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.project-button:hover{background-color:#fff}.project-link{color:inherit;text-decoration:none}.project-content{padding:1rem}.project-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.project-description{color:#555;margin-bottom:1rem;font-size:.8rem;line-height:1.75}.dark-theme .project-description{color:#e2e8f0}.project-technologies{flex-wrap:wrap;gap:4%;display:flex}.project-tech-badge{color:#115e59;background-color:#ccfbf1;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;transition:background-color .2s}.project-tech-badge:hover{background-color:#99f6e4}@media (max-width:767px){.project-card{width:100%;margin-bottom:2rem}}@media (min-width:601px) and (max-width:1024px){.project-card{width:48%}}
.dark-theme #skills{background-color:#0f172a}.skills-container{flex-wrap:wrap;justify-content:center;gap:5%;max-width:56rem;margin:3rem auto 0;display:flex}.skill-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;cursor:pointer;background-color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);border-radius:1rem;min-width:140px;margin-bottom:2rem;padding:1.5rem;transition:all .3s;box-shadow:0 10px 15px rgba(0,0,0,.1)}.dark-theme .skill-card{background-color:#0f172a;border:1px solid #192438}.skill-card:hover{transform:scale(1.1)translateY(-10px);box-shadow:0 20px 25px rgba(0,0,0,.15)}.skill-icon{margin-bottom:.5rem;font-size:2.25rem}.skill-name{transition:transform .2s}.skill-card:hover .skill-name{transform:scale(1.1)}.text-orange-600{color:#ea580c}.text-blue-600{color:#2563eb}.text-yellow-600{color:#ca8a04}.text-blue-500{color:#3b82f6}.text-gray-800{color:#1f2937}.dark-theme .text-gray-800{color:#e2e8f0}.text-teal-600{color:#0f766e}
#contact{background-color:#fafbfc}.dark-theme #contact{background-color:#1e293b}.contact-flex{justify-content:space-between;gap:2%;margin-top:1rem;display:flex}.contact-form-container{width:100%}.contact-form-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);border-radius:1rem;width:95%;padding:2rem;box-shadow:0 20px 25px rgba(0,0,0,.15)}.dark-theme .contact-form-card,.dark-theme .contact-info-card{background-color:#11192d;border:1px solid #192438}.contact-form-title,.contact-info-title{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.contact-form-group{margin-bottom:1rem}.contact-form-label{margin-bottom:.3rem;font-weight:600;display:block}.contact-info-card{background-color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);border-radius:1rem;margin-bottom:1rem;padding:1rem;box-shadow:0 20px 25px rgba(0,0,0,.15)}.contact-form-field{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.dark-theme .contact-form-field{color:#e2e8f0;background-color:#334155;border:none}.dark-theme .contact-form-field::placeholder{color:#94a3b8}.contact-form-field:focus{border-color:#0d9488;outline:none;box-shadow:0 0 0 3px rgba(13,148,136,.1)}.contact-form-textarea{resize:none;min-height:120px}.contact-submit-button{color:#fff;cursor:pointer;background-color:#14ac9d;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.contact-submit-button:hover{background-color:#0d9488;transform:scale(1.05)}.sent-success{color:#16a34a;align-items:center;margin-top:.5rem;display:flex}.sent-error{color:#dc2626;align-items:center;margin-top:.5rem;display:flex}.check-icon{margin-right:.2rem;font-size:2rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1s infinite blink}.contact-info-container{width:80%}.contact-info-card{padding:2rem}.contact-info-details{align-items:center;margin-bottom:1rem;display:flex}.contact-info-details:first-of-type{margin-top:1.5rem}.contact-info-icon-container{border-radius:50%;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;margin-right:1rem;display:flex}.contact-info-icon{font-size:1.25rem}.info-email-icon{color:#0d9488;background-color:#ccfbf1}.info-linkedin-icon{color:#2563eb;background-color:#dbeafe}.info-github-icon{color:#333;background-color:#f3f4f6}.contact-info-text p{margin-bottom:.25rem;font-weight:600}.contact-info-link{border-bottom:1px solid transparent;font-size:.9rem;text-decoration:none;transition:color .2s,border-bottom-color .2s ease-in-out}.email-link{color:#0d9488}.email-link:hover{color:#0a746b;border-bottom-color:#0a746b}.linkedin-link{color:#2563eb}.dark-theme .linkedin-link{color:#60a5fa}.linkedin-link:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}.github-link{color:#333}.dark-theme .github-link{color:#d1d5db}.github-link:hover{color:#1c1c1c;border-bottom-color:#1c1c1c}.dark-theme .github-link:hover{color:#a3a4a5;border-bottom-color:#d1d5db}.contact-quick-response-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(90deg,#f0fdfa,#eff6ff);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:2rem;transition:transform .3s,box-shadow .3s,background .3s;box-shadow:0 20px 25px rgba(0,0,0,.15)}.contact-quick-response-card:hover{background:linear-gradient(90deg,#ccfbf1,#dbeafe);transform:scale(1.03)translateY(-5px);box-shadow:0 25px 35px rgba(0,0,0,.2)}.dark-theme .contact-quick-response-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f1f5f9;background:linear-gradient(90deg,#273449,#1e293b);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:transform .3s,box-shadow .3s,background .3s;box-shadow:0 10px 15px rgba(0,0,0,.6)}.dark-theme .contact-quick-response-card:hover{background:linear-gradient(90deg,#334155,#273449);transform:scale(1.03)translateY(-5px)}.contact-quick-response-title{color:#111827;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.dark-theme .contact-quick-response-title{color:#f1f5f9}.contact-quick-response-text{color:#374151;margin-bottom:1rem}.dark-theme .contact-quick-response-text{color:#f1f5f9}.contact-quick-response-buttons{gap:1rem;display:flex}.contact-social-button{cursor:pointer;background:0 0;border:1px solid;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .2s;display:flex}.contact-social-button-teal{color:#0f766e;border-color:#5eead4}.contact-social-button-teal:hover{background-color:#f0fdfa}.contact-social-button-gray{color:#374151;border-color:#d1d5db}.dark-theme .contact-social-button-gray{color:#f1f5f9;border-color:#4b5563}.contact-social-button-gray:hover{background-color:#f9fafb}.dark-theme .contact-social-button-gray:hover{background-color:#4b5563}@media (max-width:767px){.contact-flex{flex-direction:column}.contact-form-card,.contact-info-card,.contact-quick-response-card,.contact-info-container{width:100%}.contact-form-card,.contact-info-card{margin-bottom:3rem}}
.footer{background:linear-gradient(135deg,#f9fafb,#e9f1f8);padding:2rem 0}.dark-theme .footer{color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b)}.footer-container{text-align:center;margin:0 auto}.footer-header{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.footer-text{color:#6b7280;font-size:1rem}.footer-social{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.footer-social-icon{color:#6b7280;font-size:1.5rem;transition:color .3s}.footer-social-icon:hover{color:#0d9488}.footer-credit{color:#9ca3af;margin-top:1rem;font-size:.875rem}