@charset "UTF-8";@keyframes width{0%{width:0}to{width:calc(100% - 1rem)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes arrow-bounce{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(-10px)}60%{transform:translate(-5px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Work Sans,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e);width:100%;min-height:100vh}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}li{list-style:none}a{text-decoration:none}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3aed,#2563eb);border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#3b82f6)}.my-custom-button:hover{background-color:#0056b3}header{width:100%;padding:1rem 0;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 4px 10px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a0a80}header .header-container{display:flex;justify-content:space-between;align-items:center}header .logo .logo-link{font-size:1.8rem;font-weight:700;color:#a855f7;letter-spacing:2px;transition:color .3s ease}header .logo .logo-link:hover{color:#7738b3}@media(min-width:1199px){header .logo .logo-link{font-size:2.5rem}}header .icon{color:#a855f7;font-size:1.8rem;cursor:pointer;transition:.3s;display:block;position:absolute;right:1rem}header .icon:hover{transform:scale(1.1)}@media(min-width:1199px){header .icon{display:none}}.navbar-container{display:flex;gap:1.5rem;flex-direction:column;position:absolute;right:0;top:4rem;background-color:#fff;padding:3rem 3rem 1rem 1rem;border-radius:.5rem;z-index:999}@media(min-width:1199px){.navbar-container{align-items:center;flex-direction:row;position:static;padding:0;background-color:transparent}}.navbar-container .navbar-link{color:#a855f7;padding:.5rem;font-size:1.1rem;position:relative;transition:.5s ease}.navbar-container .navbar-link:hover:before{content:"";position:absolute;bottom:0;left:.5rem;height:2px;width:calc(100% - 1rem);background-color:#a855f7;animation:width .5s ease forwards}.navbar-container .navbar-link:active{color:#7738b3}@media(min-width:1199px){.navbar-container .navbar-link{font-size:1.5rem}}.hearo{width:100%;color:#fff}.hearo .hearo-container{display:flex;justify-content:space-between;align-items:center;padding:7rem 2rem 2rem}@media(max-width:767px){.hearo .hearo-container{flex-direction:column-reverse}}.hearo .hearo-container .title{font-size:3rem;font-weight:500;margin-bottom:2rem;color:#a855f7;opacity:0;animation:slide-in-left .8s ease-out forwards;animation-delay:0s}@media(max-width:767px){.hearo .hearo-container .title{font-size:2rem;font-weight:400}}.hearo .hearo-container .hearo-description{font-size:4rem;font-weight:600;margin-bottom:2rem;opacity:0;animation:slide-in-left 1s ease-out forwards;animation-delay:.3s}@media(max-width:767px){.hearo .hearo-container .hearo-description{font-size:2rem;font-weight:500}}.hearo .hearo-container .btns{display:flex;align-items:center;gap:1rem}.hearo .hearo-container .btns .contact{opacity:0;animation:slide-in-bottom .8s ease-out forwards;animation-delay:.4s}.hearo .hearo-container .btns .resume{opacity:0;animation:slide-in-left 1s ease-out forwards;animation-delay:.4s}.hearo .hearo-container .btn{background-color:transparent;padding:.9rem 1.25rem;outline:none;border-color:#e5e7eb;border-radius:.25rem;cursor:pointer;transition:.3s}.hearo .hearo-container .btn:hover{background-color:#e5e7eb}.hearo .hearo-container .btn:hover a{color:#a855f7}.hearo .hearo-container .btn a{color:#fff}.hearo .hearo-container .btn.arrow{border:none;animation:bounce 1s infinite}.hearo .hearo-container .btn.arrow a{font-size:1.75rem;font-weight:700}.hearo .hearo-container .btn.arrow:hover{background-color:transparent}.hearo .img-container{transition:.3s}@media(max-width:767px){.hearo .img-container{margin-bottom:2rem}}.hearo .img-container:hover{transform:scale(1.03)}.hearo img{box-shadow:0 15px 40px #60a5fa33;width:100%;max-width:400px;border-radius:50%;overflow:hidden;object-fit:cover;opacity:0;animation:slide-in-right 1s ease-out forwards;animation-delay:.4s}@media(max-width:767px){.hearo img{max-width:300px}}.about{padding:100px 0;background:linear-gradient(135deg,#0f0f23,#1a1a2e);position:relative;overflow:hidden}@media(max-width:768px){.about{padding:60px 0}}.about:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(96,165,250,.1) 0%,transparent 50%);pointer-events:none}.about-container{padding:0 20px;position:relative;z-index:1}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#fff;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.about-bio{max-width:800px;margin:0 auto 4rem;text-align:center}.bio-text{font-size:1.1rem;line-height:1.8;color:#cbd5e1;margin-bottom:1.5rem}@media(max-width:480px){.bio-text{font-size:1rem}}.subsection-title{font-size:2rem;font-weight:600;color:#fff;margin-bottom:2rem;position:relative;padding-left:20px}@media(max-width:768px){.subsection-title{font-size:1.5rem}}.subsection-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:30px;background:linear-gradient(180deg,#60a5fa,#a78bfa);border-radius:2px}.education-section{margin-bottom:5rem}.education-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem;transition:all .3s ease}@media(max-width:480px){.education-card{padding:1.5rem}}.education-card:hover{border-color:#60a5fa4d;box-shadow:0 10px 40px #60a5fa26}.education-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.education-header{flex-direction:column;align-items:flex-start}}.degree-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}@media(max-width:480px){.degree-title{font-size:1.2rem}}.education-year{font-size:1rem;font-weight:600;color:#60a5fa;padding:.5rem 1rem;background:#60a5fa1a;border-radius:20px;border:1px solid rgba(96,165,250,.2)}.institution{font-size:1.1rem;color:#a78bfa;margin-bottom:1rem;font-weight:500}.education-description{font-size:1rem;line-height:1.7;color:#e5e7eb}.certificates-section{margin-top:5rem}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media(max-width:768px){.certificates-grid{grid-template-columns:1fr}}.certificate-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.certificate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.certificate-card:hover{transform:translateY(-5px);border-color:#60a5fa4d;box-shadow:0 15px 40px #60a5fa33}.certificate-card:hover:before{transform:scaleX(1)}.cert-icon{font-size:2.5rem;margin-bottom:1rem}.cert-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.75rem;line-height:1.4}.cert-issuer{font-size:.95rem;color:#a78bfa;margin-bottom:.5rem;font-weight:500}.cert-date{font-size:.9rem;color:#94a3b8;margin-bottom:.5rem}.cert-id{font-size:.85rem;color:#64748b;margin-bottom:1rem}.cert-link{display:inline-flex;align-items:center;gap:.5rem;color:#60a5fa;text-decoration:none;font-weight:600;font-size:.95rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);transition:all .3s ease}.cert-link:hover{color:#93c5fd;gap:.75rem}.projects-section{padding:100px 0;background:linear-gradient(135deg,#0f0f23,#1a1a2e);position:relative;overflow:hidden}.projects-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(96,165,250,.05) 0%,transparent 70%);pointer-events:none}.container{padding:0 20px;position:relative;z-index:1}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;font-size:1.1rem;color:#94a3b8;margin-bottom:3rem}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#cbd5e1;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover{background:#ffffff14;border-color:#60a5fa4d;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-color:transparent;color:#fff;box-shadow:0 5px 20px #60a5fa4d}.featured-grid{display:grid;gap:2rem;margin-bottom:4rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-10px);border-color:#60a5fa4d;box-shadow:0 20px 50px #60a5fa33}.project-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.project-image{position:relative;overflow:hidden;aspect-ratio:16/9}.project-card.featured .project-image{aspect-ratio:auto;height:100%}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;gap:1.5rem;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-link{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-link:hover{background:#60a5fa33;border-color:#60a5fa66;transform:translateY(-2px)}.project-link.icon-only{padding:1rem;width:55px;height:55px;border-radius:50%;justify-content:center}.project-link.icon-only span{display:none}.project-link svg{flex-shrink:0}.project-content{padding:1.5rem}.project-card.featured .project-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.project-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.project-card.featured .project-title{font-size:2rem}.project-description{font-size:1rem;line-height:1.7;color:#cbd5e1;margin-bottom:1rem}.project-highlights{list-style:none;margin-bottom:1.5rem}.project-highlights li{font-size:.95rem;color:#94a3b8;margin-bottom:.5rem;padding-left:.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.4rem .8rem;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:6px;font-size:.85rem;color:#60a5fa;font-weight:500}@media(max-width:968px){.project-card.featured{grid-template-columns:1fr}.project-card.featured .project-image{aspect-ratio:16/9;height:auto}}@media(max-width:768px){.projects-section{padding:60px 0}.section-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}.filter-buttons{gap:.5rem}.filter-btn{padding:.6rem 1.2rem;font-size:.9rem}.project-link span{display:none}.project-link{padding:1rem;width:50px;height:50px;border-radius:50%;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.skills{padding:100px 0;background:linear-gradient(135deg,#0f0f23,#1a1a2e);position:relative;overflow:hidden}@media(max-width:768px){.skills{padding:60px 0}}.skills:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(167,139,250,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.skills-container{padding:0 20px;position:relative;z-index:1}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:#fff;position:relative;display:inline-block;left:50%;transform:translate(-50%)}@media(max-width:768px){.section-title{font-size:2rem}}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px}.skills-subtitle{text-align:center;font-size:1.1rem;color:#e5e7eb;margin-bottom:4rem}.skills-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-left:auto;margin-right:auto;width:100%;max-width:600px}.skill-card{padding:1rem;display:flex;align-items:center;flex-direction:column;gap:1rem}.skill-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.skill-card:hover .skill-icon{transform:scale(1.2) rotate(5deg)}.skill-name{font-size:1rem;font-weight:500;color:#e2e8f0}.visible .skill-card{opacity:0;animation:slide-in-right .8s ease-out forwards;animation-delay:.4s}.visible .skill-card:nth-child(1){animation-delay:.1s}.visible .skill-card:nth-child(2){animation-delay:.2s}.visible .skill-card:nth-child(3){animation-delay:.3s}.visible .skill-card:nth-child(4){animation-delay:.4s}.visible .skill-card:nth-child(5){animation-delay:.5s}.visible .skill-card:nth-child(6){animation-delay:.6s}.visible .skill-card:nth-child(7){animation-delay:.7s}.visible .skill-card:nth-child(8){animation-delay:.8s}.visible .skill-card:nth-child(9){animation-delay:.9s}.visible .skill-card:nth-child(10){animation-delay:1s}.visible .skill-card:nth-child(11){animation-delay:1.1s}.visible .skill-card:nth-child(12){animation-delay:1.2s}.visible .skill-card:nth-child(13){animation-delay:1.3s}.visible .skill-card:nth-child(14){animation-delay:1.4s}.visible .skill-card:nth-child(15){animation-delay:1.5s}.what-i-do-section{padding:100px 0;color:#fff}@media(max-width:768px){.what-i-do-section{padding:60px 0}}.what-i-do-section .what-i-do-header{margin-bottom:2rem;opacity:0}.what-i-do-section .what-i-do-title{font-size:1.6rem;font-weight:400;margin-bottom:1rem}@media(max-width:768px){.what-i-do-section .what-i-do-title{font-size:1rem}}.what-i-do-section .what-i-do-subtitle{color:#a855f7}.what-i-do-heading{margin-bottom:3rem;text-align:center;position:relative}.what-i-do-heading:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px}.what-i-do-heading .heading-text{font-size:1.9rem;font-weight:600}.ideas-flex{display:flex;align-items:flex-start;justify-content:center;gap:2rem;flex-wrap:wrap}.ideas-flex .idea-card{opacity:0;width:300px;max-width:95%;height:350px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.ideas-flex .idea-card:hover{transform:translateY(-5px);border-color:#60a5fa4d;box-shadow:0 15px 40px #60a5fa33}.ideas-flex .idea-card-title{font-size:1.2rem;font-weight:400;color:#a855f7;margin-bottom:1rem}.ideas-flex .idea-card-content{line-height:1.6}.visible .idea-card{opacity:0;animation:slide-in-right .8s ease-out forwards;animation-delay:.4s}.visible .idea-card:nth-child(1){animation-delay:.16s}.visible .idea-card:nth-child(2){animation-delay:.32s}.visible .idea-card:nth-child(3){animation-delay:.48s}.visible .what-i-do-header{opacity:0;animation:slide-in-left .8s ease-out forwards;animation-delay:.2s}.contact-section{padding:100px 0;color:#e5e7eb}@media(max-width:768px){.contact-section{padding:60px 0}}.contact-section .contact-container{display:flex;align-items:center;justify-content:space-around;gap:1rem;flex-wrap:wrap}.contact-section .contact-container .title{font-size:2rem;font-weight:500;color:#a855f7}@media(max-width:768px){.contact-section .contact-container .title{font-size:1.5rem}}.contact-section .contact-container .title span{display:inline-block;animation:arrow-bounce 1s infinite}.contact-section .contact-container .contact-title{opacity:0}.contact-section .contact-container form{opacity:0;display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:column;padding:2rem;width:500px;max-width:95%;box-shadow:0 15px 40px #60a5fa33}.contact-section .contact-container form .input-box{width:100%}.contact-section .contact-container form .input-box label{font-size:1.2rem}.contact-section .contact-container form .input-box input{padding:.75rem .5rem;width:80%;border-radius:2rem;outline:none;margin-left:1rem;font-size:1rem;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.contact-section .contact-container form .input-box input{margin-top:1rem}}.contact-section .contact-container form .input-box textarea{width:20rem;height:10rem;font-size:1.2rem;border-radius:.5rem;outline:none;margin-top:1rem;padding:.75rem .5rem}@media(max-width:768px){.contact-section .contact-container form .input-box textarea{width:15rem}}.contact-section .contact-container form button{padding:.5rem 1rem;border-radius:.5rem;transition:.3s;color:#a855f7}.contact-section .contact-container form button:hover{transform:scale(1.2);cursor:pointer}.contact-section.visible .contact-title{opacity:0;animation:slide-in-left .8s ease-out forwards;animation-delay:.4s}.contact-section.visible form{opacity:0;animation:slide-in-right .8s ease-out forwards;animation-delay:.6s}footer{box-shadow:0 4px 10px #00000080}footer .footer-container{display:flex;align-items:center;justify-content:space-between;color:#a855f7;flex-wrap:wrap;padding:1rem 2rem;gap:1rem}@media(max-width:600px){footer .footer-container{justify-content:center}}.social-links a{font-size:1.75rem;margin-right:1.5rem;transition:.3s all ease}.social-links a .icon{transition:.3s all ease}.social-links a .icon:hover{transform:scale(1.2)}