.home{justify-content:space-between;align-items:center;width:100%;height:100vh;padding:70px 10% 0;animation:1s ease-out fadeIn;display:flex;position:relative}.home-content{max-width:800px;animation:1s ease-out fadeIn}.profile-container{align-items:center;gap:30px;margin-bottom:30px;display:flex}.profile-pic{object-fit:cover;border:3px solid #00abf0;border-radius:50%;width:150px;height:150px;animation:.8s ease-out scaleIn;box-shadow:0 0 20px #00abf0}.profile-text h3{color:#ededed;font-size:32px;font-weight:700;animation:1s ease-out .2s backwards fadeIn}.profile-text h1{color:#ededed;margin:10px 0;font-size:56px;font-weight:700;animation:1s ease-out .4s backwards fadeIn}.text{color:#00abf0}.cursor{opacity:1;transition:opacity .1s}.cursor.hidden{opacity:0}.home-content p{color:#8892b0;margin-top:20px;font-size:16px;line-height:1.6;animation:1s ease-out .6s backwards fadeIn}.home-sci{gap:15px;margin:30px 0;animation:1s ease-out .8s backwards fadeIn;display:flex}.home-sci a{color:#00abf0;background:0 0;border:2px solid #00abf0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;transition:all .3s;display:inline-flex}.home-sci a:hover{color:#081b29;background:#00abf0;box-shadow:0 0 20px #00abf0}.btn-box{color:#081b29;letter-spacing:1px;background:#00abf0;border-radius:40px;padding:12px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;animation:1s ease-out 1s backwards fadeIn;display:inline-block}.btn-box:hover{color:#00abf0;background:0 0;border:2px solid #00abf0;box-shadow:0 0 20px #00abf0}.home-imgHover{background:0 0;width:45%;height:100%;transition:all 3s;position:absolute;top:0;right:0}@media (max-width:768px){.home{flex-direction:column;height:auto;padding:100px 5% 50px}.profile-container{text-align:center;flex-direction:column}.profile-text h1{font-size:36px}.profile-text h3{font-size:24px}.home-imgHover{display:none}.home-content p{font-size:15px}.btn-box{padding:10px 24px;font-size:15px}}@media (max-width:1024px) and (min-width:769px){.home{padding:70px 7% 0}.profile-text h1{font-size:48px}.profile-text h3{font-size:28px}}
.education-section{background-color:#0a0f1a;padding:100px 10%}.section-title{text-align:center;color:#ededed;margin-bottom:60px;font-size:40px}.education-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.education-card{opacity:0;background:#00abf00d;border:1px solid #00abf033;border-radius:15px;padding:30px;transition:transform .3s,box-shadow .3s;animation:.6s forwards educationFadeIn;transform:translateY(30px)}@keyframes educationFadeIn{to{opacity:1;transform:translateY(0)}}.education-card:first-child{animation-delay:.1s}.education-card:nth-child(2){animation-delay:.2s}.education-card:nth-child(3){animation-delay:.3s}.education-card:nth-child(4){animation-delay:.4s}.education-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00abf033}.education-degree{color:#00abf0;margin-bottom:10px;font-size:24px}.education-field{color:#ededed;margin-bottom:10px;font-size:18px}.education-institution{color:#8892b0;margin-bottom:10px;font-size:16px}.education-year{color:#00abf0;background:#00abf01a;border-radius:20px;padding:5px 15px;font-size:14px;font-weight:600;display:inline-block}.education-description{color:#8892b0;margin-top:15px;font-size:15px;line-height:1.6}@media (max-width:768px){.education-section{padding:80px 5%}.section-title{margin-bottom:40px;font-size:32px}.education-container{grid-template-columns:1fr}.education-card{padding:25px}.education-degree{font-size:22px}.education-field{font-size:17px}}@media (max-width:480px){.education-card{padding:20px}.education-degree{font-size:20px}.education-description{font-size:14px}}@media (max-width:1024px) and (min-width:769px){.education-section{padding:90px 7%}.section-title{font-size:36px}}
.blog-container{background-color:#0a0f1a;padding:100px 10%}.publications-section,.achievements-section{margin-bottom:80px}.publications-grid,.achievements-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.publication-card,.achievement-item{opacity:0;background:#00abf00d;border:1px solid #00abf033;border-radius:15px;transition:transform .3s,box-shadow .3s;animation:.6s forwards blogFadeIn;overflow:hidden;transform:translateY(30px)}@keyframes blogFadeIn{to{opacity:1;transform:translateY(0)}}.publication-card:first-child,.achievement-item:first-child{animation-delay:.1s}.publication-card:nth-child(2),.achievement-item:nth-child(2){animation-delay:.2s}.publication-card:nth-child(3),.achievement-item:nth-child(3){animation-delay:.3s}.publication-card:nth-child(4),.achievement-item:nth-child(4){animation-delay:.4s}.publication-card:hover,.achievement-item:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00abf033}.publication-image,.achievement-image{width:100%;height:200px;overflow:hidden}.publication-image img,.achievement-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.publication-card:hover .publication-image img,.achievement-item:hover .achievement-image img{transform:scale(1.1)}.publication-content,.achievement-content{padding:25px}.publication-header,.achievement-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.publisher,.organization{color:#00abf0;font-size:14px;font-weight:600}.publication-date,.achievement-date{color:#8892b0;font-size:13px}.publication-title,.achievement-title{color:#ededed;margin-bottom:12px;font-size:22px}.publication-description,.achievement-description{color:#8892b0;margin-bottom:20px;font-size:15px;line-height:1.6}.read-more-btn,.view-details-btn{color:#00abf0;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.read-more-btn:hover,.view-details-btn:hover{gap:12px}.arrow-icon{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}@media (max-width:768px){.blog-container{padding:80px 5%}.publications-section,.achievements-section{margin-bottom:60px}.publications-grid,.achievements-list{grid-template-columns:1fr}.publication-content,.achievement-content{padding:20px}.publication-title,.achievement-title{font-size:20px}.publication-description,.achievement-description{font-size:14px}}@media (max-width:480px){.publication-image,.achievement-image{height:180px}.publication-content,.achievement-content{padding:18px}.publication-title,.achievement-title{font-size:18px}}@media (max-width:1024px) and (min-width:769px){.blog-container{padding:90px 7%}.publications-grid,.achievements-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
.projects-section{background-color:#081b29;padding:100px 10%}.projects-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.project-card{opacity:0;background:#00abf00d;border:1px solid #00abf033;border-radius:15px;padding:30px;transition:transform .3s,box-shadow .3s;animation:.6s forwards cardSlideIn;transform:translateY(30px)}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.project-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00abf04d}.project-title{color:#00abf0;margin-bottom:15px;font-size:24px}.project-description{color:#8892b0;margin-bottom:20px;font-size:16px;line-height:1.6}.tech-stack h4{color:#ededed;margin-bottom:10px;font-size:18px}.tech-list{flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:0;list-style:none;display:flex}.tech-item{color:#00abf0;background:#00abf01a;border:1px solid #00abf04d;border-radius:20px;padding:5px 15px;font-size:14px}.project-link{color:#00abf0;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-link:hover{gap:12px}.link-icon{font-size:20px}@media (max-width:768px){.projects-section{padding:80px 5%}.projects-container{grid-template-columns:1fr}.project-card{padding:25px}.project-title{font-size:22px}.project-description{font-size:15px}}@media (max-width:480px){.project-card{padding:20px}.tech-list{gap:8px}.tech-item{padding:4px 12px;font-size:13px}}@media (max-width:1024px) and (min-width:769px){.projects-section{padding:90px 7%}.projects-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
.about{opacity:0;background-color:#0a0f1a;padding:100px 10%;transition:opacity .8s,transform .8s;transform:translateY(50px)}.about.visible{opacity:1;transform:translateY(0)}.about-content h2{color:#ededed;text-align:center;margin-bottom:20px;font-size:40px}.about-line{color:#8892b0;text-align:center;max-width:900px;margin:0 auto 40px;font-size:18px;line-height:1.8}.image-slider{border-radius:15px;width:300px;height:300px;margin:40px auto;position:relative;overflow:hidden;box-shadow:0 0 30px #00abf04d}.slider-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute}.slider-image.active{opacity:1}.experience{margin-top:60px}.experience h3{color:#00abf0;text-align:center;margin-bottom:30px;font-size:32px}.experience-item{opacity:0;background:#00abf00d;border-left:4px solid #00abf0;border-radius:10px;margin-bottom:20px;padding:25px;transition:opacity .5s,transform .5s;transform:translate(-20px)}.about.visible .experience-item{opacity:1;transform:translate(0)}.about.visible .experience-item:first-child{transition-delay:.1s}.about.visible .experience-item:nth-child(2){transition-delay:.2s}.about.visible .experience-item:nth-child(3){transition-delay:.3s}.hobbies{margin-top:60px}.hobbies h3{color:#00abf0;text-align:center;margin-bottom:20px;font-size:32px}.hobbies ul{flex-wrap:wrap;justify-content:center;gap:15px;padding:0;list-style:none;display:flex}.hobbies li{color:#ededed;background:#00abf01a;border:1px solid #00abf0;border-radius:25px;padding:10px 20px;font-size:16px}@media (max-width:768px){.about{padding:80px 5%}.about-content h2{font-size:32px}.image-slider{width:250px;height:250px}.about-line{font-size:16px}.experience-item{padding:20px}.experience-item h4{font-size:20px}.experience h3,.hobbies h3{font-size:28px}}@media (max-width:1024px) and (min-width:769px){.about{padding:90px 7%}.about-content h2{font-size:36px}}
.skills-container{background-color:#081b29;min-height:100vh;padding:100px 10%}.skills-title{text-align:center;color:#ededed;margin-bottom:60px;font-size:40px}.skills-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.skill-item{opacity:0;flex-direction:column;align-items:center;gap:20px;animation:.5s forwards skillFadeIn;display:flex;transform:scale(.8)}@keyframes skillFadeIn{to{opacity:1;transform:scale(1)}}.skill-item:first-child{animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.2s}.skill-item:nth-child(3){animation-delay:.3s}.skill-item:nth-child(4){animation-delay:.4s}.skill-item:nth-child(5){animation-delay:.5s}.skill-item:nth-child(6){animation-delay:.6s}.skill-item:nth-child(7){animation-delay:.7s}.skill-item:nth-child(8){animation-delay:.8s}.circular-progress{width:120px;height:120px}.circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.bg-circle{fill:none;stroke:#00abf01a;stroke-width:8px}.progress-circle{fill:none;stroke:#00abf0;stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 10px #00abf0)}.percentage-text{fill:#ededed;transform-origin:50%;font-size:18px;font-weight:700;transform:rotate(90deg)}.skill-name{color:#ededed;text-align:center;font-size:18px;font-weight:500}.skills-loading,.skills-error{color:#ededed;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.loading-spinner{border:5px solid #00abf01a;border-top-color:#00abf0;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.skills-container{padding:80px 5%}.skills-title{font-size:32px}.skills-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:30px}.circular-progress{width:100px;height:100px}.percentage-text,.skill-name{font-size:16px}}@media (max-width:480px){.skills-list{grid-template-columns:repeat(2,1fr);gap:20px}.circular-progress{width:90px;height:90px}}@media (max-width:1024px) and (min-width:769px){.skills-container{padding:90px 7%}.skills-title{font-size:36px}}
.contact-container{opacity:0;background-color:#081b29;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 10%;animation:.8s forwards fadeIn;display:flex}.contact-container h1{color:#ededed;text-align:center;opacity:0;margin-bottom:50px;font-size:40px;animation:.8s forwards fadeIn}.contact-form{opacity:0;flex-direction:column;gap:20px;width:100%;max-width:600px;animation:.8s .3s forwards fadeIn;display:flex}.contact-form input,.contact-form textarea{color:#ededed;background:#00abf00d;border:1px solid #00abf033;border-radius:10px;width:100%;padding:15px 20px;font-size:16px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#00abf0;outline:none;box-shadow:0 0 10px #00abf04d}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8892b0}.contact-form button{color:#081b29;cursor:pointer;background:#00abf0;border:none;border-radius:10px;padding:15px 30px;font-size:18px;font-weight:600;transition:all .3s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 0 20px #00abf0}.status-message{text-align:center;color:#00abf0;margin-top:20px;font-size:16px}@media (max-width:768px){.contact-container{padding:80px 5%}.contact-container h1{margin-bottom:40px;font-size:32px}.contact-form input,.contact-form textarea{padding:12px 18px;font-size:15px}.contact-form button{padding:12px 25px;font-size:16px}}@media (max-width:480px){.contact-container h1{font-size:28px}.contact-form input,.contact-form textarea{padding:10px 15px;font-size:14px}}@media (max-width:1024px) and (min-width:769px){.contact-container{padding:90px 7%}.contact-container h1{font-size:36px}}
