.fade-in{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.hero-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff4d 0%,#ffffff80 30%,#ffffffb3 50%,#ffffffd9 65%,#fffffff2 80%,#fff 95% 100%);position:absolute;inset:0}html.dark .hero-section:before{background:linear-gradient(#0a0a0a33 0%,#0a0a0a4d 30%,#0a0a0a80 50%,#0a0a0ab3 65%,#0a0a0ad9 80%,#0a0a0af2 90%,#0a0a0a 100%)}.hero-section>.relative{z-index:2;position:relative}.profile-image{object-fit:cover;cursor:pointer;border-radius:50%;width:200px;height:200px;margin:0 auto 2rem;transition:all .3s;box-shadow:0 10px 40px #00000080}.profile-image:hover{transform:scale(1.05);box-shadow:0 15px 50px #000000b3}.hero-name{margin-bottom:1rem;font-size:3rem;font-weight:700}@media (min-width:768px){.hero-name{font-size:4.5rem}}.hero-tagline{margin-bottom:1.5rem;font-size:1.25rem}@media (min-width:768px){.hero-tagline{font-size:1.5rem}}.social-links{justify-content:center;align-items:center;gap:1.5rem;display:flex}.social-icon{width:2rem;height:2rem}.hero-overlay{-webkit-mask-image:linear-gradient(#000 0% 85%,#0000 100%);mask-image:linear-gradient(#000 0% 85%,#0000 100%);background:linear-gradient(#0a0a0a1a 0%,#0a0a0a4d 30%,#0a0a0a80 50%,#0a0a0aa6 60%,#0a0a0abf 70%,#0a0a0ad9 80%,#0a0a0aeb 88%,#0a0a0af7 94%,#0a0a0a 100%)!important}.projects-heading,.skills-heading,.experience-heading,.certifications-heading{text-align:center;margin-bottom:.75rem;font-size:2.25rem;font-weight:700}.projects-description,.certifications-description{text-align:center;color:#6b7280;margin-bottom:3rem}html.dark .projects-description,html.dark .certifications-description{color:#9ca3af}#projects-container{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:1023px){#projects-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){#projects-container{grid-template-columns:1fr}}.loading-message,.error-message{text-align:center;color:#6b7280;grid-column:1/-1}html.dark .loading-message,html.dark .error-message{color:#9ca3af}.error-hint{color:#9ca3af;margin-top:.5rem;font-size:.875rem}html.dark .error-hint{color:#6b7280}.project-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex}html.dark .project-card{background-color:#1a1a1a;border-color:#2a2a2a}.project-card:hover{border-color:#3b82f6;transform:scale(1.05)}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-name{font-size:1.25rem;font-weight:700}.project-stars{color:#fbbf24;align-items:center;gap:.25rem;display:flex}.star-icon{width:1.25rem;height:1.25rem}.star-count{font-size:.875rem;font-weight:600}.project-description{color:#6b7280;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;display:-webkit-box;overflow:hidden}html.dark .project-description{color:#9ca3af}.project-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.project-updated{color:#9ca3af;text-align:right;margin-top:.5rem;font-size:.75rem}html.dark .project-updated{color:#6b7280}.project-language{color:#4b5563;align-items:center;gap:.5rem;font-size:.875rem;display:flex}html.dark .project-language{color:#6b7280}.language-dot{display:none}.project-link{color:#3b82f6;align-items:center;gap:.25rem;transition:color .2s;display:flex}.project-link:hover{color:#2563eb}html.dark .project-link{color:#60a5fa}html.dark .project-link:hover{color:#93c5fd}.external-icon{width:1rem;height:1rem}.skills-container{justify-content:center;align-items:center;max-width:900px;margin:0 auto;display:flex}.skills-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.skill-tag{color:#374151;cursor:default;opacity:0;background-color:#0000;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;animation:.6s forwards fadeInUp}html.dark .skill-tag{color:#e4e4e7;border-color:#27272a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-tag:hover{color:#0a0a0a;background-color:#f3f4f6;border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 4px 12px #3b82f626}html.dark .skill-tag:hover{color:#fafafa;background-color:#18181b}.experience-container{flex-direction:column;gap:2rem;display:flex}.experience-item{border-left:2px solid #3b82f6;padding-left:2rem;position:relative}.experience-dot{background-color:#3b82f6;border-radius:50%;width:1rem;height:1rem;position:absolute;top:0;left:-.5625rem}.experience-item:first-child .experience-dot{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;box-shadow:0 0 #3b82f6b3}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f6b3}50%{box-shadow:0 0 0 8px #3b82f600}}.experience-period{color:#6b7280;margin-bottom:.25rem;font-size:.875rem}html.dark .experience-period{color:#9ca3af}.experience-title{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.experience-company{color:#3b82f6;margin-bottom:.75rem}html.dark .experience-company{color:#60a5fa}.experience-description{color:#6b7280}html.dark .experience-description{color:#9ca3af}.certifications-button{color:#fff;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s;display:inline-flex}.certifications-button:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8);transform:scale(1.02)}.certifications-button svg{width:1.5rem;height:1.5rem}.certifications-button .external-icon{width:1.25rem;height:1.25rem}.theme-toggle-container{position:absolute;bottom:2rem;right:2rem}@media (max-width:768px){.theme-toggle-container{justify-content:center;margin-top:1rem;display:flex;position:relative;bottom:auto;right:auto}}.theme-toggle{width:60px;height:30px;display:inline-block;position:relative}.theme-switch-input{opacity:0;width:0;height:0}.theme-slider{cursor:pointer;background-color:#2a2a2a;border:1px solid #3b3b3b;border-radius:30px;justify-content:space-between;align-items:center;padding:0 8px;transition:all .3s;display:flex;position:absolute;inset:0}.theme-slider:before{content:"";z-index:2;background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:4px}.theme-icon{color:#fff;z-index:1;width:14px;height:14px;transition:all .3s}.theme-slider .moon-icon{opacity:1}.theme-slider .sun-icon{opacity:.3}.theme-switch-input:checked+.theme-slider{background-color:#3b82f6}.theme-switch-input:checked+.theme-slider:before{transform:translate(30px)}.theme-switch-input:checked+.theme-slider .moon-icon{opacity:.3}.theme-switch-input:checked+.theme-slider .sun-icon{opacity:1}