.projects-tabs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:2px solid rgba(132,0,255,.2)}.tab-button{background:none;padding:12px 24px;margin:0 5px;color:hsla(0,0%,100%,.7);font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;border-bottom:2px solid rgba(0,0,0,0);display:flex;align-items:center;gap:8px}.tab-button:hover{color:#8400ff;transform:translateY(-2px)}.tab-button.active{color:#8400ff;border-bottom-color:#8400ff;font-weight:700}.github-projects{max-width:1200px;margin:0 auto;padding:20px}.github-projects-title{text-align:center;color:#8400ff;font-size:2rem;margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:10px}.github-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.github-project-card{background:rgba(132,0,255,.1);border:1px solid rgba(132,0,255,.3);border-radius:15px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.github-project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(132,0,255,.3);border-color:#8400ff}.github-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8400ff,#ff00ff)}.github-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.github-project-name{color:#fff;font-size:1.3rem;font-weight:700;margin:0;word-break:break-word}.github-project-visibility{background:rgba(132,0,255,.2);color:#8400ff;padding:4px 8px;border-radius:8px;font-size:.8rem;display:flex;align-items:center;gap:4px}.github-project-description{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:20px;min-height:48px}.github-project-info{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.github-forks,.github-language,.github-stars{display:flex;align-items:center;gap:5px;color:hsla(0,0%,100%,.7);font-size:.9rem}.github-language{background:rgba(132,0,255,.2);padding:4px 8px;border-radius:6px}.github-project-links{display:flex;gap:10px;margin-bottom:15px}.github-link-code,.github-link-demo{padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:.9rem}.github-link-code{background:rgba(132,0,255,.2);color:#8400ff;border:1px solid rgba(132,0,255,.3)}.github-link-code:hover{background:rgba(132,0,255,.3);transform:translateY(-2px)}.github-link-demo{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.github-link-demo:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.github-project-date{color:hsla(0,0%,100%,.5);font-size:.8rem;display:flex;align-items:center;gap:5px}.github-error,.github-loading{text-align:center;padding:40px;color:hsla(0,0%,100%,.7)}.loading-icon{color:#8400ff;animation:spin 1s linear infinite}.error-icon,.loading-icon{font-size:3rem;margin-bottom:15px}.error-icon{color:#f44}.no-repos{text-align:center;padding:40px;color:hsla(0,0%,100%,.5)}.no-repos-icon{font-size:3rem;margin-bottom:15px}@media(max-width:768px){.projects-tabs{flex-direction:column;gap:10px}.tab-button{width:100%;justify-content:center}.github-projects-grid{grid-template-columns:1fr;gap:15px}.github-project-card{padding:15px}.github-project-header{flex-direction:column;gap:10px}.github-project-links{flex-direction:column}.github-link-code,.github-link-demo{justify-content:center}}@media(max-width:480px){.github-projects{padding:15px}.github-projects-title{font-size:1.5rem}.github-project-info{flex-direction:column;gap:8px}}.certifications{max-width:1200px;margin:0 auto;padding:20px 15px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.certifications-title{text-align:center;color:#0077b5;font-size:2.5rem;margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:15px;font-weight:700}.certifications-title .linkedin-icon{font-size:2.5rem}.certifications-subtitle{text-align:center;color:hsla(0,0%,100%,.8);font-size:1.2rem;margin-bottom:3rem}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:25px;gap:25px;margin-bottom:40px;width:100%}@media(max-width:768px){.certifications-grid{grid-template-columns:1fr;gap:1rem}}.certification-card{background:rgba(0,119,181,.1);border:1px solid rgba(0,119,181,.3);border-radius:15px;padding:25px;transition:all .3s ease;position:relative;overflow:hidden}.certification-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,119,181,.3);border-color:#0077b5}.certification-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0077b5,#005885)}.certification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.certification-name{color:#fff;font-size:1.3rem;margin:0 0 8px;font-weight:700}.certification-issuer{color:#0077b5;font-size:1rem;margin:0;font-weight:600}.certification-badge{background:rgba(0,119,181,.2);padding:6px 12px;border-radius:8px;font-size:.8rem;color:#0077b5;font-weight:500}.certification-description{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:20px;font-size:.95rem}.certification-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.certification-skills .skill-tag{background:rgba(0,119,181,.2);padding:4px 10px;border-radius:15px;font-size:.8rem;color:#0077b5;font-weight:500}.certification-dates{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:hsla(0,0%,100%,.6);font-size:.85rem}.certification-links{display:flex;gap:12px}.certification-links a{padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:.9rem;flex:1 1;justify-content:center}.certification-links a.primary{background:rgba(0,119,181,.2);color:#0077b5;border:1px solid rgba(0,119,181,.3)}.certification-links a.primary:hover{background:rgba(0,119,181,.3);color:#fff}.certification-links a.secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.certification-links a.secondary:hover{background:hsla(0,0%,100%,.2)}.certification-credential{margin-top:15px;padding:10px;background:rgba(0,0,0,.2);border-radius:6px;font-size:.8rem;color:hsla(0,0%,100%,.5)}.certifications-error,.certifications-loading{text-align:center;padding:40px;color:hsla(0,0%,100%,.8)}.certifications-loading-icon{font-size:3rem;color:#0077b5;margin-bottom:20px;animation:spin 1s linear infinite}.certifications-error-icon{font-size:3rem;color:#f44;margin-bottom:20px}.no-certifications{text-align:center;padding:40px;color:hsla(0,0%,100%,.5)}.no-certifications-icon{font-size:3rem;margin-bottom:15px}@media(max-width:768px){.certifications-grid{grid-template-columns:1fr;gap:20px}.certification-card{padding:20px}.certification-header{flex-direction:column;gap:10px}.certification-dates{gap:8px;align-items:flex-start}.certification-dates,.certification-links{flex-direction:column}.certifications-title,.certifications-title .linkedin-icon{font-size:2rem}.certifications-subtitle{font-size:1rem;margin-bottom:2rem}}@media(max-width:480px){.certifications{padding:15px 10px}.certifications-title,.certifications-title .linkedin-icon{font-size:1.5rem}.certification-name{font-size:1.1rem}.certification-skills{gap:6px}.certification-skills .skill-tag{font-size:.75rem;padding:3px 8px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Arial,sans-serif;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}body{color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh}a{color:inherit;text-decoration:none}#__next{min-height:100vh}.header{padding:20px 40px;position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1)}.header .header-nav{display:flex;gap:30px;justify-content:center}.header .header-nav a{color:#fff;font-size:18px;font-weight:500;text-decoration:none;padding:10px 20px;border-radius:25px;transition:all .3s ease;position:relative}.header .header-nav a:hover{background:rgba(132,0,255,.2);transform:translateY(-2px)}.header .header-nav a.selected{background:rgba(132,0,255,.4);box-shadow:0 4px 15px rgba(132,0,255,.3)}@media(max-width:768px){.header{padding:15px 20px}.header .header-nav{gap:15px}.header .header-nav a{font-size:16px;padding:8px 16px}}.footer{position:fixed;bottom:0;left:0;right:0;padding:20px;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;gap:15px;z-index:1000}.footer svg{font-size:24px;color:rgba(132,0,255,.8)}.footer .footer-text{color:#fff;font-size:16px}.footer .copy-email-button{background:rgba(132,0,255,.2);border:1px solid rgba(132,0,255,.5);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px}.footer .copy-email-button:hover{background:rgba(132,0,255,.4);transform:translateY(-2px);box-shadow:0 4px 15px rgba(132,0,255,.3)}@media(max-width:768px){.footer{padding:15px;gap:10px}.footer svg{font-size:20px}.footer .footer-text{font-size:14px}.footer .copy-email-button{padding:6px 12px;font-size:12px}}.social-media{gap:20px;padding:20px}.social-media,.social-media a{display:flex;justify-content:center;align-items:center}.social-media a{color:#fff;font-size:24px;padding:12px;border-radius:50%;background:rgba(132,0,255,.1);transition:all .3s ease}.social-media a:hover{background:rgba(132,0,255,.3);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px rgba(132,0,255,.4)}@media(max-width:768px){.social-media{gap:15px}.social-media a{font-size:20px;padding:10px}}.all-home{min-height:100vh;overflow:hidden;padding-top:80px;padding-bottom:80px}.all-home,.home{position:relative}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 160px);text-align:center;z-index:1}.home-section{margin-bottom:40px}.home-text-animation{animation:fadeInUp 1s ease-out}.home-name-1,.home-name-2{font-size:4rem;font-weight:700;background:linear-gradient(45deg,#8400ff,#ff0080,#00d4ff);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:gradientShift 3s ease-in-out infinite;margin:0;line-height:1.2}.home-name-2{animation-delay:.5s}.home-subtitle{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.home-subtitle p{font-size:1.2rem;color:hsla(0,0%,100%,.9);margin:0}.home-subtitle span{color:rgba(132,0,255,.8);font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:768px){.home-name-1,.home-name-2{font-size:2.5rem}.home-subtitle{flex-direction:column;gap:10px}.home-subtitle p{font-size:1rem}}@media(max-width:480px){.home-name-1,.home-name-2{font-size:2rem}.home-subtitle p{font-size:.9rem}}.all-about{min-height:100vh;position:relative;overflow-x:hidden;overflow-y:auto;padding-top:80px;padding-bottom:40px}.about{max-width:1200px;margin:0 auto;padding:20px 15px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.about-header-text-skills{width:100%}.about-text-skills{display:flex;flex-direction:column;gap:30px;align-items:stretch;margin-bottom:40px;width:100%}.about-text .about-text-p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:hsla(0,0%,100%,.9);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.about-text .about-text-p span{color:#8400ff;font-weight:700}.about-text .about-text-p.about-text-p-1{font-size:2rem;font-weight:700;margin-bottom:10px}.about-text .about-text-p.about-text-p-2{font-size:1.5rem;margin-bottom:30px}.about-image{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.about-image .about-img{border-radius:20px;box-shadow:0 10px 30px rgba(132,0,255,.3);transition:transform .3s ease;max-width:100%;height:auto}.about-image .about-img:hover{transform:scale(1.05)}.about-skills{width:100%;text-align:center}.about-skills .about-skills-p{font-size:2rem;font-weight:700;margin-bottom:30px;color:#8400ff}.about-skills .about-skill{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:20px;gap:20px;max-width:800px;margin:0 auto}.about-skills .about-div-icon{display:flex;flex-direction:column;align-items:center;padding:20px;background:rgba(132,0,255,.1);border-radius:15px;transition:all .3s ease;border:1px solid rgba(132,0,255,.2)}.about-skills .about-div-icon:hover{background:rgba(132,0,255,.2);transform:translateY(-5px);box-shadow:0 10px 25px rgba(132,0,255,.3)}.about-skills .about-div-icon .about-icon{font-size:3rem;color:#8400ff;margin-bottom:10px}.about-skills .about-div-icon .about-icon-text{font-size:.9rem;color:hsla(0,0%,100%,.9);font-weight:500;margin:0}@media(min-width:769px){.about{padding:40px 20px}.about-text-skills{display:grid;grid-template-columns:2fr 1fr;grid-gap:40px;gap:40px;align-items:start}.about-image{margin-bottom:0}}@media(max-width:768px){.all-about{padding-top:70px;padding-bottom:20px}.about{padding:20px 15px}.about-text-skills{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.about-text{width:100%;order:2}.about-text .about-text-p{font-size:1rem;line-height:1.7;margin-bottom:15px;text-align:left;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%}.about-text .about-text-p.about-text-p-1{font-size:1.8rem;text-align:center}.about-text .about-text-p.about-text-p-2{font-size:1.3rem;text-align:center}.about-image{order:1;margin-bottom:20px;width:100%;display:flex;justify-content:center}.about-image .about-img{max-width:250px;width:100%;height:auto}.about-skills{order:3;width:100%}.about-skills .about-skill{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px}.about-skills .about-div-icon{padding:15px 10px}.about-skills .about-div-icon .about-icon{font-size:2.5rem}.about-skills .about-div-icon .about-icon-text{font-size:.8rem}}@media(max-width:480px){.all-about{padding-top:60px;padding-bottom:15px}.about{padding:15px 10px}.about-text-skills{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.about-text{width:100%;order:2}.about-text .about-text-p{font-size:.95rem;line-height:1.6;margin-bottom:15px;text-align:left;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;padding:0 5px}.about-text .about-text-p.about-text-p-1{font-size:1.6rem;text-align:center}.about-text .about-text-p.about-text-p-2{font-size:1.2rem;text-align:center}.about-image{order:1;width:100%;display:flex;justify-content:center;margin-bottom:15px}.about-image .about-img{max-width:200px;width:100%;height:auto}.about-skills{order:3;width:100%}.about-skills .about-skills-p{font-size:1.5rem;margin-bottom:20px}.about-skills .about-skill{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:12px}.about-skills .about-div-icon{padding:12px 8px}.about-skills .about-div-icon .about-icon{font-size:2rem}.about-skills .about-div-icon .about-icon-text{font-size:.75rem;word-break:break-word}}@media(max-width:320px){.about{padding:10px 8px}.about-text-skills{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.about-text{width:100%;order:2}.about-text .about-text-p{font-size:.9rem;line-height:1.5;margin-bottom:12px;text-align:left;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;padding:0 3px}.about-text .about-text-p.about-text-p-1{font-size:1.4rem;text-align:center}.about-text .about-text-p.about-text-p-2{font-size:1.1rem;text-align:center}.about-image{order:1;width:100%;display:flex;justify-content:center;margin-bottom:10px}.about-image .about-img{max-width:180px;width:100%;height:auto}.about-skills{order:3;width:100%}.about-skills .about-skills-p{font-size:1.3rem;margin-bottom:15px}.about-skills .about-skill{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:8px}.about-skills .about-div-icon{padding:10px 6px}.about-skills .about-div-icon .about-icon{font-size:1.8rem}.about-skills .about-div-icon .about-icon-text{font-size:.7rem;word-break:break-word}}.dark-background{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden;padding-top:80px}.header-social-media{position:relative;z-index:1000}.header-social-media-section{position:fixed;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:1000}.header-social-media-section a{color:#fff;font-size:20px;padding:10px;border-radius:50%;background:rgba(132,0,255,.1);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.header-social-media-section a:hover{background:rgba(132,0,255,.3);transform:translateX(-5px) scale(1.1);box-shadow:0 5px 20px rgba(132,0,255,.4)}.project{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.project-thumbnail-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;padding:20px 0;max-width:1200px;margin:0 auto}@media(min-width:1200px){.project-thumbnail-section{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.project-thumbnail-section{grid-template-columns:1fr;gap:20px}}.project-individual-thumbnail{background:hsla(0,0%,100%,.05);border-radius:15px;padding:20px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1);position:relative;overflow:hidden}.project-individual-thumbnail:hover{background:hsla(0,0%,100%,.1);transform:translateY(-10px);box-shadow:0 15px 35px rgba(132,0,255,.2)}.project-individual-thumbnail .project-img-individual{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px}.project-individual-thumbnail p{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:15px;text-align:center}.project-individual-thumbnail .project-video-icons{display:flex;justify-content:center;gap:15px}.project-individual-thumbnail .project-video-icons .project-btns{background:rgba(132,0,255,.2);border:1px solid rgba(132,0,255,.5);border-radius:50%;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none}.project-individual-thumbnail .project-video-icons .project-btns:hover{background:rgba(132,0,255,.4);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px rgba(132,0,255,.4)}.project-individual-thumbnail .project-video-icons .project-btns .project-video-icons-i{font-size:1.2rem}.popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.popup .popup-text-video-container{background:hsla(0,0%,100%,.1);border-radius:20px;padding:30px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);animation:slideUp .3s ease-out}.popup .popup-text-video-container .popup-div-close{position:absolute;top:15px;right:15px}.popup .popup-text-video-container .popup-div-close .popup-Close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:all .3s ease}.popup .popup-text-video-container .popup-div-close .popup-Close:hover{color:#8400ff;transform:scale(1.1)}.popup .popup-text-video-container img{width:100%;max-height:300px;border-radius:10px;margin-bottom:20px}.popup .popup-text-video-container .popup-informative-text{color:#fff;text-align:center}.popup .popup-text-video-container .popup-informative-text p{margin-bottom:10px;font-size:1.1rem}.popup .popup-text-video-container .popup-informative-text p:first-child{font-size:1.5rem;font-weight:700;color:#8400ff}.popup .popup-text-video-container .popup-informative-text .popup-info-project-text{text-align:left;line-height:1.6;margin-top:20px;color:hsla(0,0%,100%,.9)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.custom-tooltip{background:rgba(132,0,255,.9)!important;color:#fff!important;border-radius:8px!important;padding:8px 12px!important;font-size:14px!important}@media(max-width:768px){.header-social-media-section{position:static;flex-direction:row;justify-content:center;padding:20px;transform:none}.project-thumbnail-section{grid-template-columns:1fr;gap:20px}.popup .popup-text-video-container{padding:20px;margin:10px}.popup .popup-text-video-container video{max-height:200px}}