.certifications-container{max-width:1200px;margin:0 auto;padding:20px 15px}.certifications{z-index:1;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:20px 15px;display:flex;position:relative}.certifications-title{text-align:center;color:#0077b5;justify-content:center;align-items:center;gap:10px;margin-bottom:30px;font-size:2rem;font-weight:700;display:flex}.certifications-title .linkedin-icon{font-size:2rem}.certifications-subtitle{text-align:center;color:#fffc;margin-bottom:3rem;font-size:1.2rem}.certifications-grid{grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:25px;width:100%;margin-bottom:40px;display:grid}.certification-card{background:#0077b51a;border:1px solid #0077b54d;border-radius:15px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.certification-card:hover{border-color:#0077b5;transform:translateY(-5px);box-shadow:0 15px 35px #0077b54d}.certification-card .certification-card-bar{background:linear-gradient(90deg,#0077b5,#005885);height:4px;position:absolute;top:0;left:0;right:0}.certification-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.certification-header-info{flex:1;min-width:0}.certification-name{color:#fff;word-break:break-word;margin:0 0 8px;font-size:1.3rem;font-weight:700}.certification-issuer{color:#0077b5;margin:0;font-size:1rem;font-weight:600}.certification-badge{color:#0077b5;white-space:nowrap;background:#0077b533;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:500;display:flex}.certification-description{color:#fffc;margin-bottom:20px;font-size:.95rem;line-height:1.6}.certification-skills{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.certification-skills .skill-tag{color:#0077b5;background:#0077b533;border-radius:15px;padding:4px 10px;font-size:.8rem;font-weight:500}.certification-dates{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.certification-date-item{color:#fff9;align-items:center;gap:5px;font-size:.85rem;display:flex}.certification-links{gap:12px;display:flex}.certification-links a{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.certification-links a.primary{color:#0077b5;background:#0077b533;border:1px solid #0077b54d}.certification-links a.primary:hover{color:#fff;background:#0077b54d}.certification-links a.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.certification-links a.secondary:hover{background:#fff3}.certification-credential{color:#ffffff80;word-break:break-all;background:#0003;border-radius:6px;align-items:center;gap:5px;margin-top:15px;padding:10px;font-size:.8rem;display:flex}.certifications-loading,.certifications-error{text-align:center;color:#fffc;padding:40px 20px}.certifications-loading-icon{color:#0077b5;margin-bottom:20px;font-size:3rem;animation:1s linear infinite spin;display:inline-block}.certifications-loading-title{margin-bottom:10px;font-size:1.2rem}.certifications-loading-subtitle,.certifications-error-hint{opacity:.7;font-size:.9rem}.certifications-error-icon{color:#f44;margin-bottom:20px;font-size:3rem;display:inline-block}.certifications-error-title{color:#f44;margin-bottom:15px}.no-certifications{text-align:center;color:#ffffff80;padding:40px}.no-certifications-icon{margin-bottom:15px;font-size:3rem;display:inline-block}@media (max-width:768px){.certifications-container{padding:15px 10px}.certifications-grid{grid-template-columns:1fr;gap:20px}.certification-card{padding:20px}.certification-header{flex-direction:column;gap:10px}.certification-dates{flex-direction:column;align-items:flex-start}.certification-links{flex-direction:column}.certifications-title,.certifications-title .linkedin-icon{font-size:1.6rem}.certifications-subtitle{margin-bottom:2rem;font-size:1rem}}@media (max-width:480px){.certifications-container,.certifications{padding:10px 8px}.certifications-title,.certifications-title .linkedin-icon{font-size:1.3rem}.certification-name{font-size:1.1rem}.certification-card{padding:15px}.certification-skills{gap:6px}.certification-skills .skill-tag{padding:3px 8px;font-size:.75rem}.certification-description{font-size:.9rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}html,body{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100vw;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}body{color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh}a{color:inherit;text-decoration:none}#__next{min-height:100vh}
.header{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#0003;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;padding:15px 40px;display:flex;position:fixed;top:0;left:0;right:0}.header .header-hamburger{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.header .header-hamburger span{transform-origin:50%;background:#fff;border-radius:3px;width:26px;height:2.5px;transition:all .3s;display:block}.header .header-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.header .header-hamburger.open span:nth-child(2){opacity:0}.header .header-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.header .header-overlay{display:none}.header .header-nav{justify-content:center;gap:8px;display:flex}.header .header-nav a{color:#fff;white-space:nowrap;border-radius:25px;padding:8px 18px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.header .header-nav a:hover{background:#8400ff33;transform:translateY(-2px)}.header .header-nav a.selected{background:#8400ff66;box-shadow:0 4px 15px #8400ff4d}@media (max-width:768px){.header{justify-content:flex-start;padding:12px 20px}.header .header-hamburger{display:flex}.header .header-overlay{z-index:1050;background:#00000080;animation:.2s fadeIn;display:block;position:fixed;inset:0}.header .header-nav{-webkit-backdrop-filter:blur(20px);z-index:1060;background:#0f0f23f7;border-left:1px solid #8400ff33;flex-direction:column;gap:8px;width:260px;height:100dvh;padding:80px 30px 40px;transition:right .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-280px;box-shadow:-10px 0 30px #0000004d}.header .header-nav--open{right:0}.header .header-nav a{text-align:left;border-radius:12px;width:100%;padding:14px 20px;font-size:18px}.header .header-nav a:hover{background:#8400ff26;transform:translate(5px)}.header .header-nav a.selected{background:#8400ff4d;border-left:3px solid #8400ff}}@media (max-width:480px){.header{padding:10px 15px}.header .header-nav{width:240px;padding:70px 24px 30px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.footer{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0003;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:12px;padding:15px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer svg{color:#8400ffcc;font-size:22px}.footer .footer-text{color:#fff;font-size:15px}.footer .copy-email-button{color:#fff;cursor:pointer;background:#8400ff33;border:1px solid #8400ff80;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .3s}.footer .copy-email-button:hover{background:#8400ff66;transform:translateY(-2px);box-shadow:0 4px 15px #8400ff4d}.footer .copy-email-button:active{transform:translateY(0)}.footer .footer-toast{color:#fff;white-space:nowrap;background:#28a745e6;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;animation:.3s ease-out toastSlideUp;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d}.footer .footer-toast svg{color:#fff;font-size:16px}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.footer{gap:8px;padding:12px 15px}.footer svg{font-size:18px}.footer .footer-text{font-size:13px}.footer .copy-email-button{padding:6px 12px;font-size:12px}}
.social-media{justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}.social-media a{color:#fff;background:#8400ff1a;border-radius:50%;justify-content:center;align-items:center;padding:12px;font-size:24px;transition:all .3s;display:flex}.social-media a:hover{background:#8400ff4d;transform:translateY(-3px)scale(1.1);box-shadow:0 8px 25px #8400ff66}@media (max-width:768px){.social-media{gap:15px}.social-media a{padding:10px;font-size:20px}}
.projects-tabs{border-bottom:2px solid #8400ff33;justify-content:center;gap:5px;margin-bottom:30px;padding:0 20px;display:flex}.tab-button{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;transition:all .3s;display:flex}.tab-button:hover{color:#8400ff}.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;justify-content:center;align-items:center;gap:10px;margin-bottom:30px;font-size:2rem;display:flex}.github-projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:20px;margin-bottom:40px;display:grid}.github-project-card{background:#8400ff1a;border:1px solid #8400ff4d;border-radius:15px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.github-project-card:hover{border-color:#8400ff;transform:translateY(-5px);box-shadow:0 10px 30px #8400ff4d}.github-project-card .github-project-card-bar{background:linear-gradient(90deg,#8400ff,#f0f);height:3px;position:absolute;top:0;left:0;right:0}.github-project-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.github-project-name{color:#fff;word-break:break-word;margin:0;font-size:1.3rem;font-weight:700}.github-project-visibility{color:#8400ff;white-space:nowrap;background:#8400ff33;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;display:flex}.github-project-description{color:#fffc;min-height:48px;margin-bottom:20px;font-size:.95rem;line-height:1.6}.github-project-info{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.github-language,.github-stars,.github-forks{color:#ffffffb3;align-items:center;gap:5px;font-size:.9rem;display:flex}.github-language{background:#8400ff33;border-radius:6px;padding:4px 8px}.github-project-links{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.github-link-code,.github-link-demo{border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.github-link-code{color:#8400ff;background:#8400ff33;border:1px solid #8400ff4d}.github-link-code:hover{color:#fff;background:#8400ff4d;transform:translateY(-2px)}.github-link-demo{color:#fff;background:#ffffff1a;border:1px solid #fff3}.github-link-demo:hover{background:#fff3;transform:translateY(-2px)}.github-project-date{color:#ffffff80;align-items:center;gap:5px;font-size:.8rem;display:flex}.github-loading,.github-error{text-align:center;color:#fffc;padding:40px 20px}.github-loading-title{margin-bottom:10px;font-size:1.2rem}.github-loading-subtitle,.github-error-hint{opacity:.7;font-size:.9rem}.github-error-title{color:#f44;margin-bottom:15px}.loading-icon{color:#8400ff;margin-bottom:15px;font-size:3rem;animation:1s linear infinite spin;display:inline-block}.error-icon{color:#f44;margin-bottom:15px;font-size:3rem;display:inline-block}.no-repos{text-align:center;color:#ffffff80;padding:40px}.no-repos-icon{margin-bottom:15px;font-size:3rem;display:inline-block}@media (max-width:768px){.projects-tabs{gap:0;padding:0 10px}.tab-button{text-align:center;flex:1;justify-content:center;padding:10px 16px;font-size:.9rem}.github-projects-grid{grid-template-columns:1fr;gap:15px}.github-project-card{padding:15px}.github-project-links{flex-direction:column}.github-link-code,.github-link-demo{justify-content:center}}@media (max-width:480px){.projects-tabs{padding:0 5px}.tab-button{gap:5px;padding:8px 12px;font-size:.85rem}.github-projects{padding:10px}.github-projects-title{font-size:1.5rem}.github-project-info{gap:8px}.github-project-name{font-size:1.1rem}.github-project-description{min-height:auto;font-size:.9rem}}
.all-home{min-height:100vh;padding-top:70px;padding-bottom:70px;position:relative;overflow:hidden}.home{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:20px;display:flex;position:relative}.home-section{margin-bottom:30px}.home-text-animation{animation:1s ease-out fadeInUp}.home-name-1,.home-name-2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8400ff,#ff0080,#00d4ff) 0 0/300% 300%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,8vw,4rem);font-weight:700;line-height:1.2;animation:3s ease-in-out infinite gradientShift}.home-name-2{animation-delay:.5s}.home-subtitle{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:25px;display:flex}.home-subtitle p{color:#ffffffe6;margin:0;font-size:clamp(.9rem,2.5vw,1.2rem)}.home-subtitle span{color:#8400ffcc;font-weight:700}@media (max-width:768px){.all-home{padding-top:60px;padding-bottom:60px}.home-subtitle{flex-direction:column;gap:8px}.home-subtitle span{display:none}}@media (max-width:480px){.all-home{padding-top:55px;padding-bottom:55px}.home{padding:15px}}
.all-about{min-height:100vh;padding-top:70px;padding-bottom:30px;position:relative;overflow:hidden auto}.about{z-index:1;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;padding:20px;display:flex;position:relative}.about-header-text-skills{z-index:2;width:100%;position:relative}.about-text-skills{flex-direction:column;align-items:stretch;gap:30px;width:100%;margin-bottom:30px;display:flex}.about-text .about-text-p{color:#ffffffe6;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:18px;font-size:1.05rem;line-height:1.8}.about-text .about-text-p span{color:#8400ff;font-weight:700}.about-text .about-text-p.about-text-p-1{margin-bottom:8px;font-size:1.8rem;font-weight:700}.about-text .about-text-p.about-text-p-2{margin-bottom:25px;font-size:1.4rem}.about-image{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.about-image .about-img{border-radius:20px;max-width:100%;height:auto;transition:transform .3s;box-shadow:0 10px 30px #8400ff4d}.about-image .about-img:hover{transform:scale(1.03)}.about-skills{text-align:center;width:100%}.about-skills .about-skills-p{color:#8400ff;margin-bottom:25px;font-size:1.8rem;font-weight:700}.about-skills .about-skill{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;max-width:800px;margin:0 auto;display:grid}.about-skills .about-div-icon{background:#8400ff1a;border:1px solid #8400ff33;border-radius:12px;flex-direction:column;align-items:center;padding:16px 10px;transition:all .3s;display:flex}.about-skills .about-div-icon:hover{background:#8400ff33;transform:translateY(-4px);box-shadow:0 8px 20px #8400ff4d}.about-skills .about-div-icon .about-icon{color:#8400ff;margin-bottom:8px;font-size:2.5rem}.about-skills .about-div-icon .about-icon-text{color:#ffffffe6;text-align:center;margin:0;font-size:.85rem;font-weight:500}@media (min-width:769px){.about{padding:30px 25px}.about-text-skills{grid-template-columns:2fr 1fr;align-items:start;gap:35px;display:grid}.about-image{margin-bottom:0}}@media (max-width:768px){.all-about{padding-top:60px;padding-bottom:20px}.about{padding:15px}.about-text-skills{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.about-text{order:2;width:100%}.about-text .about-text-p{text-align:left;margin-bottom:14px;font-size:1rem;line-height:1.7}.about-text .about-text-p.about-text-p-1{text-align:center;font-size:1.6rem}.about-text .about-text-p.about-text-p-2{text-align:center;font-size:1.2rem}.about-image{order:1;justify-content:center;width:100%;margin-bottom:15px;display:flex}.about-image .about-img{width:100%;max-width:220px;height:auto}.about-skills{order:3;width:100%}.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:2.2rem}.about-skills .about-div-icon .about-icon-text{font-size:.8rem}}@media (max-width:480px){.all-about{padding-top:55px;padding-bottom:15px}.about{padding:12px}.about-text .about-text-p{margin-bottom:12px;font-size:.95rem;line-height:1.6}.about-text .about-text-p.about-text-p-1{font-size:1.5rem}.about-text .about-text-p.about-text-p-2{font-size:1.1rem}.about-image .about-img{max-width:180px}.about-skills .about-skills-p{margin-bottom:18px;font-size:1.4rem}.about-skills .about-skill{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:10px}.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{word-break:break-word;font-size:.75rem}}
.dark-background{min-height:100vh;padding-top:70px;padding-bottom:20px;position:relative;overflow:hidden}.project{z-index:1;max-width:1200px;margin:0 auto;padding:20px 20px 40px;position:relative}.project-thumbnail-section{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:25px;max-width:1200px;margin:0 auto;padding:20px 0;display:grid}@media (min-width:1200px){.project-thumbnail-section{grid-template-columns:repeat(3,1fr)}}.project-individual-thumbnail{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.project-individual-thumbnail:hover{background:#ffffff1a;transform:translateY(-8px);box-shadow:0 15px 35px #8400ff33}.project-individual-thumbnail .project-img-individual{object-fit:cover;border-radius:10px;width:100%;height:200px;margin-bottom:15px}.project-individual-thumbnail p{color:#fff;text-align:center;margin-bottom:15px;font-size:1.1rem;font-weight:700}.project-individual-thumbnail .project-video-icons{justify-content:center;gap:15px;display:flex}.project-individual-thumbnail .project-video-icons .project-btns{color:#fff;cursor:pointer;background:#8400ff33;border:1px solid #8400ff80;border-radius:50%;justify-content:center;align-items:center;padding:12px;text-decoration:none;transition:all .3s;display:flex}.project-individual-thumbnail .project-video-icons .project-btns:hover{background:#8400ff66;transform:translateY(-3px)scale(1.1);box-shadow:0 8px 25px #8400ff66}.project-individual-thumbnail .project-video-icons .project-btns .project-video-icons-i{font-size:1.2rem}.popup{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.popup .popup-text-video-container{background:#141428f2;border:1px solid #ffffff26;border-radius:20px;width:100%;max-width:700px;max-height:90vh;padding:30px;animation:.3s ease-out slideUp;position:relative;overflow-y:auto}.popup .popup-text-video-container .popup-div-close{position:absolute;top:15px;right:15px}.popup .popup-text-video-container .popup-div-close .popup-Close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:all .3s}.popup .popup-text-video-container .popup-div-close .popup-Close:hover{color:#8400ff;transform:scale(1.1)}.popup .popup-text-video-container img{object-fit:contain;border-radius:10px;width:100%;max-height:300px;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:1rem;line-height:1.6}.popup .popup-text-video-container .popup-informative-text p:first-child{color:#8400ff;font-size:1.4rem;font-weight:700}.popup .popup-text-video-container .popup-informative-text .popup-info-project-text{text-align:left;color:#ffffffe6;margin-top:15px;font-size:.95rem;line-height:1.7}.custom-tooltip{color:#fff!important;background:#8400ffe6!important;border-radius:8px!important;padding:8px 12px!important;font-size:14px!important}@media (max-width:768px){.dark-background{padding-top:60px}.project{padding:15px 10px 30px}.project-thumbnail-section{grid-template-columns:1fr;gap:20px}.popup .popup-text-video-container{max-width:95vw;margin:10px;padding:20px}}@media (max-width:480px){.dark-background{padding-top:55px}.project{padding:10px 8px 25px}.project-individual-thumbnail{padding:15px}.project-individual-thumbnail .project-img-individual{height:180px}.project-individual-thumbnail p{font-size:1rem}.popup .popup-text-video-container{border-radius:12px;padding:15px}.popup .popup-text-video-container .popup-informative-text p:first-child{font-size:1.2rem}}