body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#ec4899;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--bg-white:#fff;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{transition:background-color .3s ease,color .3s ease}.app.light-mode{background-color:#fff;background-color:var(--bg-white);color:#1f2937;color:var(--text-dark)}.app.dark-mode{--text-dark:#e0e0e0;--text-light:#b0b0b0;--bg-light:#2a2a3e;--bg-white:#1a1a2e;--border-color:#404060;background-color:#1a1a2e;color:#e0e0e0}.container{margin:0 auto;max-width:1200px;padding:0 20px}main{min-height:calc(100vh - 80px)}.section-title{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease forwards;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}@media (max-width:768px){.section-title{font-size:2rem;margin-bottom:2rem}}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 15px #6366f166;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #6366f199;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #6366f1;border:2px solid var(--primary-color);color:#6366f1;color:var(--primary-color)}.btn-secondary:hover{background:#6366f1;background:var(--primary-color);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .8s ease forwards;opacity:0}.fade-in.delay-1{animation-delay:.2s}.fade-in.delay-2{animation-delay:.4s}.fade-in.delay-3{animation-delay:.6s}.slide-up{animation:slideUp .8s ease forwards;opacity:0}.slide-up.delay-0{animation-delay:0s}.slide-up.delay-1{animation-delay:.1s}.slide-up.delay-2{animation-delay:.2s}.slide-up.delay-3{animation-delay:.3s}.slide-in{animation:slideInLeft .8s ease forwards;opacity:0;&.right{animation:slideInRight .8s ease forwards}}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6;background:var(--secondary-color)}.header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:var(--shadow-lg);color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition);z-index:1000}.app.dark-mode .header{background:linear-gradient(135deg,#2a2a3e,#3a3a5e);box-shadow:0 4px 15px #0000004d}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{font-weight:700;letter-spacing:1px}.logo,.logo h1{font-size:1.5rem}.logo h1{margin:0}.nav ul{display:flex;gap:2rem;list-style:none}.nav a{border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:var(--transition)}.nav a:after{background:#fffc;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav a:hover:after{width:100%}.header-actions{gap:1rem}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#fff3;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;transition:var(--transition);width:40px}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.mobile-menu-btn span{background:#fff;border-radius:2px;height:3px;transition:var(--transition);width:25px}@media (max-width:768px){.nav{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:var(--shadow-lg);display:none;flex-direction:column;left:0;padding:2rem 0;position:absolute;right:0;top:70px}.nav.active{display:flex}.nav ul{flex-direction:column;gap:0;padding:0 2rem}.nav a{border:none;display:block;padding:1rem 0}.mobile-menu-btn{display:flex}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.hero{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 80px);overflow:hidden;padding:2rem 0}.app.dark-mode .hero{background:linear-gradient(135deg,#1a1a2e,#2a2a3e)}.hero-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-content p{color:var(--text-light);font-size:1.2rem;font-weight:500}.hero-buttons{display:flex;gap:1rem;margin-top:1rem}.hero-image{align-items:center;display:flex;justify-content:center}.image-placeholder{animation:float 3s ease-in-out infinite;border-radius:20px;box-shadow:0 20px 60px #6366f14d;height:300px;overflow:hidden;position:relative}.image-placeholder img{animation:scaleIn .8s ease;height:100%;object-fit:contain;object-position:center;width:100%}@media (max-width:1024px){.hero-container{gap:2rem;grid-template-columns:1fr}.hero-content h2{font-size:2.5rem}.hero-content p{font-size:1.1rem}.image-placeholder{height:250px;width:250px}}@media (max-width:768px){.hero{min-height:auto;padding:3rem 0}.hero-container{grid-template-columns:1fr}.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem}.hero-buttons{flex-direction:column}.btn{text-align:center;width:100%}.image-placeholder{height:200px;width:200px}}.career{background:linear-gradient(135deg,var(--bg-light) 0,#6366f10d 100%);padding:5rem 0;transition:var(--transition)}.app.dark-mode .career{background:linear-gradient(135deg,#1a1a2e,#6366f10d)}.career-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4rem}.career-card{animation:slideUp .8s ease forwards;background:var(--bg-white);border:2px solid #0000;border-radius:12px;box-shadow:var(--shadow-md);opacity:0;padding:2rem;text-align:center;transition:var(--transition)}.app.dark-mode .career-card{background:#2a2a3e;box-shadow:0 4px 6px #0000004d}.career-card:hover{border-color:var(--primary-color);box-shadow:0 15px 40px #6366f133;transform:translateY(-10px)}.career-icon{display:inline-block;font-size:3rem;margin-bottom:1rem}.career-card h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem}.career-card p{color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.app.dark-mode .career-card p{color:#e0e0e0}.career-detail{color:var(--text-light);display:block;font-size:.9rem;margin-top:.5rem}.career-description{animation:slideUp .8s ease forwards;background:#fff;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;opacity:0;padding:3rem}.app.dark-mode .career-description{background:#2a2a3e}.career-description h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.career-description p{color:var(--text-light);font-size:1rem;line-height:1.8}.career-card{&.delay-0{animation-delay:0s}&.delay-1{animation-delay:.15s}&.delay-2{animation-delay:.3s}&.delay-3{animation-delay:.45s}}.career-description{&.delay-2{animation-delay:.6s}}@media (max-width:768px){.career{padding:3rem 0}.career-grid{gap:1.5rem;grid-template-columns:1fr}.career-description{padding:2rem}}.experience{background:linear-gradient(135deg,var(--bg-white) 0,#8b5cf60d 100%);padding:5rem 0;transition:var(--transition)}.app.dark-mode .experience{background:linear-gradient(135deg,#1a1a2e,#8b5cf60d)}.experience-timeline{padding:2rem 0;position:relative}.experience-timeline:before{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:2px;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:3px}.experience-item{grid-gap:4rem;animation:slideIn .8s ease forwards;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:3rem;min-width:0;opacity:0;position:relative}.experience-item.left{animation:slideInLeft .8s ease forwards}.experience-item.right{animation:slideInRight .8s ease forwards}.experience-item.left .experience-card{text-align:right}.experience-item.left:before{right:calc(-60px - 3.5rem)}.experience-item.right:before{left:calc(-60px - 3.5rem)}.experience-item:before{background:#fff;border:4px solid var(--primary-color);border-radius:50%;box-shadow:0 0 0 4px var(--bg-white);content:"";height:15px;position:absolute;top:2rem;width:15px;z-index:1}.app.dark-mode .experience-item:before{box-shadow:0 0 0 4px #1a1a2e}.experience-card{background:#fff;border-radius:12px;border-top:4px solid var(--primary-color);box-shadow:var(--shadow-md);min-width:0;padding:2rem;transition:var(--transition);width:100%;word-break:break-word}.app.dark-mode .experience-card{background:#2a2a3e}.experience-card:hover{box-shadow:0 15px 40px #6366f133;transform:translateY(-5px)}.card-header h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem}.company{color:var(--text-dark);display:block;font-weight:600;margin-bottom:.5rem}.app.dark-mode .company{color:#e0e0e0}.period{display:block;font-size:.9rem;font-style:italic}.description,.period{color:var(--text-light)}.description{font-size:.95rem;line-height:1.6;margin-top:1rem}.company,.description,.period,.skill-tag{overflow-wrap:anywhere}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-top:1rem}.experience-card.right .skills-list{justify-content:flex-end}.skill-tag{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);font-size:.85rem;font-weight:500;padding:.4rem .8rem}.app.dark-mode .skill-tag{background:#6366f133}@media (max-width:1024px){.experience-item{gap:2rem;grid-template-columns:1fr}.experience-item.left .experience-card{text-align:left}.experience-timeline:before{left:20px}.experience-item.left:before,.experience-item.right:before,.experience-item:before{left:9px}.experience-card.right .skills-list,.skills-list{justify-content:flex-start}}@media (max-width:768px){.experience{padding:3rem 0}.experience-timeline{padding:0 1rem}.experience-item{margin-bottom:2rem}.experience-card{padding:1.5rem}.card-header h3{font-size:1.1rem}.description{font-size:.9rem}.experience-item:before,.experience-timeline:before{left:12px}}.skills{background:linear-gradient(135deg,var(--bg-light) 0,#ec48990d 100%);padding:5rem 0;transition:var(--transition)}.app.dark-mode .skills{background:linear-gradient(135deg,#1a1a2e,#ec48990d)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4rem}.skill-group{animation:slideUp .8s ease forwards;background:#fff;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:var(--shadow-md);opacity:0;padding:2rem;transition:var(--transition))}.app.dark-mode .skill-group{background:#2a2a3e}.skill-group:hover{box-shadow:0 15px 40px #6366f133;transform:translateY(-8px)}.skill-header{gap:1rem;margin-bottom:1.5rem}.skill-header,.skill-icon{align-items:center;display:flex}.skill-icon{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:10px;font-size:2rem;height:50px;justify-content:center;width:50px}.skill-group h3{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0}.skill-items{display:flex;flex-direction:column;gap:.8rem;list-style:none}.skill-item{align-items:center;color:var(--text-dark);display:flex;font-size:.95rem;gap:.8rem;transition:var(--transition))}.app.dark-mode .skill-item{color:#e0e0e0}.skill-item:hover{color:var(--primary-color);transform:translateX(5px)}.dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;height:6px;width:6px}.proficiency-section{animation:slideUp .8s ease forwards;animation-delay:.6s;background:#fff;border-radius:12px;box-shadow:var(--shadow-md);opacity:0;padding:3rem}.app.dark-mode .proficiency-section{background:#2a2a3e}.proficiency-section h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:2rem}.proficiency-bars{display:flex;flex-direction:column;gap:2rem}.proficiency-item{display:flex;flex-direction:column;gap:.5rem}.proficiency-item label{color:var(--text-dark);font-size:.95rem;font-weight:600}.app.dark-mode .proficiency-item label{color:#e0e0e0}.progress-bar{background:var(--bg-light);border-radius:10px;box-shadow:inset 0 2px 4px #0000000f;height:10px;overflow:hidden;width:100%}.app.dark-mode .progress-bar{background:#ffffff1a}.progress-fill{align-items:center;animation:progressAnimation 1s ease-out;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:10px;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:100%;justify-content:flex-end;padding-right:8px}@keyframes progressAnimation{0%{width:0!important}}.skill-group.delay-0{animation-delay:0s}.skill-group.delay-1{animation-delay:.15s}.skill-group.delay-2{animation-delay:.3s}.skill-group.delay-3{animation-delay:.45s}@media (max-width:768px){.skills{padding:3rem 0}.skills-grid{gap:1.5rem;grid-template-columns:1fr}.proficiency-section{padding:2rem}.skill-group{padding:1.5rem}}.projects{background:linear-gradient(135deg,var(--bg-white) 0,#6366f10d 100%);padding:5rem 0;transition:var(--transition))}.app.dark-mode .projects{background:linear-gradient(135deg,#1a1a2e,#6366f10d)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{animation:slideUp .8s ease forwards;background:#fff;border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;transform-origin:center;transition:var(--transition))}.app.dark-mode .project-card{background:#2a2a3e}.project-card:hover{box-shadow:0 20px 50px #6366f133;transform:translateY(-10px) scale(1.02)}.project-image{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);height:200px;overflow:hidden;position:relative;width:100%}.project-image img{height:100%;object-fit:cover;transition:var(--transition));width:100%}.project-card:hover .project-image img{transform:scale(1.1)}.image-placeholder-project{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.project-content{display:flex;flex-direction:column;flex-grow:1;gap:.8rem;padding:1.5rem}.project-content h3{color:var(--primary-color);font-size:1.3rem;margin:0}.project-content p{color:var(--text-light);flex-grow:1;font-size:.9rem;line-height:1.6;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:.3rem .7rem}.app.dark-mode .tag{background:#6366f133}.project-links{border-top:1px solid var(--border-color);display:flex;gap:1rem;padding-top:1rem}.link-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.8rem 1rem;text-align:center;text-decoration:none;transition:var(--transition))}.link-btn:hover{box-shadow:0 8px 15px #6366f14d;transform:translateY(-2px)}.link-btn.github{background:#333}.app.dark-mode .link-btn.github{background:#555}.link-btn.github:hover{box-shadow:0 8px 15px #0000004d}.project-card.delay-0{animation-delay:0s}.project-card.delay-1{animation-delay:.15s}.project-card.delay-2{animation-delay:.3s}@media (max-width:768px){.projects{padding:3rem 0}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-card{max-width:100%}.project-links{flex-direction:column}.link-btn{width:100%}}.education{background:linear-gradient(135deg,var(--bg-light) 0,#8b5cf60d 100%);padding:5rem 0;transition:var(--transition))}.app.dark-mode .education{background:linear-gradient(135deg,#1a1a2e,#8b5cf60d)}.education-section{margin-bottom:4rem}.education-section h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:2rem;text-align:center}.education-timeline{padding:2rem 0;position:relative}.education-timeline:before{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:2px}.education-item{grid-gap:3rem;animation:slideUp .8s ease forwards;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem;opacity:0;position:relative}.education-item:nth-child(2n){direction:rtl}.education-item:nth-child(2n)>*{direction:ltr}.timeline-dot{background:#fff;border:4px solid var(--primary-color);border-radius:50%;box-shadow:0 0 0 4px var(--bg-white);height:20px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:20px;z-index:2}.app.dark-mode .timeline-dot{box-shadow:0 0 0 4px #1a1a2e}.education-card{background:#fff;border-left:4px solid var(--primary-color);border-radius:10px;box-shadow:var(--shadow-md);padding:1.5rem;text-align:left;transition:var(--transition))}.app.dark-mode .education-card{background:#2a2a3e}.education-card:hover{box-shadow:0 15px 40px #6366f133;transform:translateY(-5px)}.education-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.education-header h4{color:var(--primary-color);font-size:1.1rem;margin:0}.year{color:var(--text-light);font-size:.85rem;font-style:italic;white-space:nowrap}.institution{color:var(--text-dark);font-weight:600;margin-bottom:.3rem}.app.dark-mode .institution{color:#e0e0e0}.field{color:var(--secondary-color);font-size:.95rem;font-weight:500;margin-bottom:.5rem}.details{color:var(--text-light);font-size:.9rem;line-height:1.5;margin-top:.5rem}.certifications-section{animation:slideUp .8s ease forwards;animation-delay:.3s;background:#fff;border-radius:12px;box-shadow:var(--shadow-md);opacity:0;padding:3rem}.app.dark-mode .certifications-section{background:#2a2a3e}.certifications-section h3{margin-bottom:2rem;text-align:center}.certification-badges{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.certification-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid var(--primary-color);border-radius:10px;display:flex;gap:1rem;padding:1.5rem;transition:var(--transition))}.certification-badge:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633);box-shadow:0 10px 25px #6366f133;transform:translateY(-5px)}.cert-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;width:40px}.certification-badge span:last-child{color:var(--text-dark);font-weight:600}.app.dark-mode .certification-badge span:last-child{color:#e0e0e0}.education-item.delay-0{animation-delay:0s}.education-item.delay-1{animation-delay:.2s}@media (max-width:1024px){.education-item{gap:2rem;grid-template-columns:1fr}.education-item:nth-child(2n){direction:ltr}.education-timeline:before,.timeline-dot{left:20px}.education-card{text-align:left}}@media (max-width:768px){.education{padding:3rem 0}.certifications-section{padding:2rem}.certification-badges{grid-template-columns:1fr}.education-item{margin-bottom:2rem}}.hobbies{background:linear-gradient(135deg,var(--bg-white) 0,#ec48990d 100%);padding:5rem 0;transition:var(--transition))}.app.dark-mode .hobbies{background:linear-gradient(135deg,#1a1a2e,#ec48990d)}.hobbies-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4rem}.hobby-card{animation:slideUp .8s ease forwards;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:var(--shadow-md);opacity:0;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:var(--transition))}.app.dark-mode .hobby-card{background:#2a2a3e}.hobby-card:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.hobby-card:hover:before{left:100%}.hobby-card:hover{border-color:var(--primary-color);box-shadow:0 15px 40px #6366f133;transform:translateY(-10px)}.hobby-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:3.5rem;margin-bottom:1rem}.hobby-card h3{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.hobby-card p{color:var(--text-light);font-size:.95rem;line-height:1.6;position:relative;z-index:1}.hobby-card.delay-0{animation-delay:0s}.hobby-card.delay-1{animation-delay:.15s}.hobby-card.delay-2{animation-delay:.3s}.interests-section{animation:slideUp .8s ease forwards;animation-delay:.6s;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:12px;box-shadow:0 15px 40px #6366f14d;color:#fff;opacity:0;padding:3rem;text-align:center}.interests-section h3{color:#fff;font-size:1.5rem;margin-bottom:2rem}.interests-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.interest-item{background:#fff3;border:2px solid #ffffff80;border-radius:25px;cursor:default;font-weight:600;padding:.8rem 1.5rem;transition:var(--transition))}.interest-item:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-3px)}@media (max-width:768px){.hobbies{padding:3rem 0}.hobbies-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.hobby-card{padding:1.5rem}.hobby-icon{font-size:2.5rem}.hobby-card h3{font-size:1.1rem}.hobby-card p{font-size:.9rem}.interests-section{padding:2rem}.interests-list{gap:.8rem}.interest-item{font-size:.9rem;padding:.6rem 1rem}}.footer{background:linear-gradient(135deg,var(--text-dark),#0f172a);color:#fff;margin-top:2rem;padding:3rem 0 1rem;transition:var(--transition))}.app.dark-mode .footer{background:linear-gradient(135deg,#0f1419,#1a1a2e)}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px;padding:0 20px}.footer-section{animation:fadeInUp .8s ease forwards}.footer-section h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.footer-section ul{display:flex;flex-direction:column;gap:.8rem;list-style:none}.footer-section a{color:#fffc;display:inline-block;text-decoration:none;transition:var(--transition))}.footer-section a:hover{color:var(--primary-color);transform:translateX(5px)}.footer-section p{color:#fffc;line-height:1.6;margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:#6366f133;border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);display:inline-flex;font-size:1.2rem;height:40px;justify-content:center;transition:var(--transition));width:40px}.social-links a:hover{background:var(--primary-color);color:#fff;transform:translateY(-5px)}.email-link{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:8px;box-shadow:0 4px 15px #6366f14d;color:#fff;display:inline-block;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:var(--transition))}.email-link:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffffb3;font-size:.9rem;padding-top:2rem;text-align:center}.footer-bottom p{margin:.3rem 0}.heart{animation:heartbeat 1.5s ease-in-out infinite;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr}.footer-section{text-align:center}.footer-section ul{align-items:center}.social-links{justify-content:center}.footer-bottom{padding-top:1.5rem}}
/*# sourceMappingURL=main.55b45df1.css.map*/