.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#0a0a23;padding:1rem .1rem;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 4px 6px #0003;margin-right:auto}.navbar__left .navbar__logo{font-size:1.5rem;font-weight:700;color:#6784e3;text-decoration:none;font-family:Georgia,serif}.navbar__menu{list-style:none;display:flex;gap:2rem}.navbar__menu li a{text-decoration:none;color:#fff;font-size:1rem;position:relative;transition:all .3s ease-in-out;padding-bottom:4px}.navbar__menu li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:gold;transition:width .3s}.navbar__menu li a:hover:after{width:100%}.navbar__right{display:flex;align-items:center;gap:4rem}.navbar__search{padding:.4rem 1rem;border-radius:20px;border:none;outline:none;font-size:.9rem;background-color:#1c1c3b;color:#fff;width:160px}.navbar__cta{padding:.5rem 2rem;background-color:gold;color:#0a0a23;text-decoration:none;border-radius:20px;font-weight:700;transition:background-color .3s}.navbar__cta:hover{background-color:gold;color:#0a0a23}.footer{background-color:#001f3f;color:#fff;padding:3rem 2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer__top{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2rem;margin-bottom:1rem}.footer__links,.footer__contact,.footer__socials{flex:1 1 200px;margin:.5rem 1rem}.footer__links a,.footer__contact p{display:block;margin-bottom:.5rem;color:#fff;text-decoration:none;font-size:16px;transition:color .3s ease}.footer__links a:hover{color:#00d1ff}.footer__socials a{margin-right:.8rem;color:#fff;font-size:20px;transition:transform .3s ease,color .3s ease}.footer__socials a:hover{color:#00d1ff;transform:scale(1.2)}.footer__bottom{text-align:center;padding-top:1rem;font-size:14px;color:#ffffffb3}@media screen and (max-width: 768px){.footer__top{flex-direction:column;align-items:center;text-align:center}.footer__socials a{margin:2rem 1rem}.footer__links,.footer__contact{margin:1rem 0}}.footer__form{flex:1 1 250px;margin:0rem 1rem}.footer__form h4{font-size:18px;margin-bottom:.75rem;color:#fff}.footer__form form{display:flex;flex-direction:column}.footer__form input,.footer__form textarea{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem;margin-bottom:.75rem;font-size:14px;border-radius:4px;font-family:inherit;resize:vertical}.footer__form input::placeholder,.footer__form textarea::placeholder{color:#fff9}.footer__form input:focus,.footer__form textarea:focus{outline:none;border-color:#00d1ff}.footer__form button{background-color:#00d1ff;color:#001f3f;font-weight:700;border:none;padding:.6rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.footer__form button:hover{background-color:#00b5e6}@media screen and (max-width: 768px){.footer__form{margin-top:2rem;width:100%;max-width:400px}.footer__form form{width:100%}}@media screen and (max-width: 768px){.footer__top{flex-direction:column;align-items:center;text-align:center}.footer__links,.footer__contact,.footer__socials,.footer__form{margin:1rem 0;width:100%;max-width:400px}}.hero-container{display:flex;align-items:center;justify-content:space-between;padding:20px 0;flex-wrap:wrap}.hero-content{flex:1;max-width:600px;padding:0;text-align:left}.hero-title{font-size:3rem;color:#6784e3;margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:1.2rem;color:#000;margin-top:20px;opacity:0;animation:fadeInUp 20s ease-out forwards}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hero-image{flex:1;max-width:400px;width:100%;height:400px;border-radius:20px;object-fit:cover;box-shadow:0 0 20px #ffffff1a;transition:transform .3s ease;margin-top:5rem}.about-brief{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;padding:2rem;background-color:#f5f5f5;color:#000;border-radius:0}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-text p{margin-bottom:1rem;line-height:1.6;font-size:1rem}.about-actions{margin-top:1rem}.btn-gold{background-color:#f0c040;color:#000}.btn-gold:hover{background-color:gold}.btn{padding:.75rem 2rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1rem;transition:background .3s ease;display:inline-block;text-align:center}.skills-brief{margin-bottom:2rem;animation:fadeInSkills 1s ease forwards;animation-delay:1s;opacity:0}.skills-brief h2{font-size:2rem;color:#001f3f;margin-bottom:1rem}.skills-grid{display:flex;flex-wrap:wrap;gap:2rem}.skills-category{flex:1 1 300px}.skills-category h3{color:#333;margin-bottom:.5rem}.skills-list{list-style:none;padding:0;margin:0}.skills-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;animation:slideInSkill .5s ease forwards;opacity:0}.skills-list li:nth-child(1){animation-delay:1.2s;color:purple}.skills-list li:nth-child(2){animation-delay:1.4s;color:purple}.skills-list li:nth-child(3){animation-delay:1.6s;color:purple}.skills-list li:nth-child(4){animation-delay:1.8s;color:purple}.skills-list li:nth-child(5){animation-delay:2s;color:purplek}.skills-list li:nth-child(6){animation-delay:2.2s;color:purple}@keyframes fadeInSkills{to{opacity:1}}@keyframes slideInSkill{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 768px){.landing-container{padding:1rem}.skills-grid{flex-direction:column}.btn-gold{width:100%}}.home__projects{padding:3rem 2rem;background-color:#f0f0f0;border-radius:10px;text-align:center}.home__projects h2{font-size:2rem;margin-bottom:2rem;color:#001f3f}.project-card.single{margin:0 auto;max-width:500px;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 8px 20px #0000001a;text-align:center}.project-title{font-weight:700;font-size:1.4rem;color:#001f3f;margin-bottom:1rem}.project-image{width:250x;height:250px;object-fit:cover;border-radius:8px}.project-content p{margin:1rem 0;font-size:1rem;color:#333}@media (max-width: 768px){.project-card.single{padding:1rem}}.about-page{display:flex;flex-wrap:wrap;background-color:beige;color:#0a1f44;min-height:100vh;font-family:Segoe UI,sans-serif;padding:20px;animation:fadeIn 1.5s ease-in-out}.about{flex:1;padding:20px;animation:slideIn 1s ease-in-out}.about__header h1{font-size:2.5rem;border-bottom:3px solid gold;padding-bottom:10px;margin-bottom:20px;margin-top:5rem;text-align:center}.about__skills{display:flex;gap:40px;margin-bottom:30px}.skills__technical,.skills__soft{flex:1}.skills__soft ul{display:flex;gap:40px;margin:0}.about__hobbies ul{display:flex;gap:40px;margin-bottom:30px}.about__hobbies ul{display:flex;flex:1}.about__hobbies li{margin:0;display:flex;align-items:center;gap:10px}.about__intro{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:30px}.about__image{width:200px;height:200px;object-fit:cover;border-radius:50%;box-shadow:0 4px 10px #0003;animation:popIn 1.2s ease}.about__bio{flex:1;font-size:1.1rem;line-height:1.7}.about__skills h2,.about__hobbies h2{color:#0a1f44;border-left:4px solid gold;padding-left:10px;margin-bottom:10px}ul{list-style:none;padding:0;margin:0}li{margin-bottom:8px;display:flex;align-items:center;gap:10px;font-size:1rem}.about__quote blockquote{font-style:italic;color:#333;border-left:4px solid gold;padding-left:15px;margin-top:20px;font-size:1.1rem;animation:fadeInQuote 1.5s ease}.skills__technical li{opacity:0;transform:translateY(10px);animation:fadeInSkill .4s ease-in-out forwards}.skills__technical li:nth-child(1){animation-delay:1s}.skills__technical li:nth-child(2){animation-delay:.3s}.skills__technical li:nth-child(3){animation-delay:.5s}.skills__technical li:nth-child(4){animation-delay:.7s}.skills__technical li:nth-child(5){animation-delay:.9s}.skills__technical li:nth-child(6){animation-delay:1.1s}@keyframes fadeInSkill{to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInQuote{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about__intro{flex-direction:column;text-align:center}.about__bio{font-size:1rem}.about__image{width:150px;height:150px}.about__skills h2,.about__hobbies h2{font-size:1.4rem}li,.about__hobbies ul{justify-content:center}}.projects{padding:2rem;background:#fff;color:#001f3f;font-family:Segoe UI,sans-serif}.projects__title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;animation:fadeIn 1.5s ease-in-out}.project{display:flex;align-items:center;margin-bottom:2rem;background:#f4f4f4;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:transform .3s ease}.project:hover{transform:scale(1.02)}.project--left{flex-direction:row}.project--right{flex-direction:row-reverse}.project__image{width:50%;height:auto;object-fit:cover;transition:opacity .5s}.project__description{padding:1.5rem;width:50%;animation:slideIn 1s ease}.project__description h2{font-size:1.5rem;margin-bottom:.5rem;color:#001f3f}.project__description p{font-size:1rem;color:#333;max-height:3.6em;overflow:hidden;text-overflow:ellipsis;transition:max-height .4s ease-in-out}.project.expanded .project__description p{max-height:100vh;overflow:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.project,.project--left,.project--right{flex-direction:column}.project__image,.project__description{width:100%}.projects__title{font-size:2rem}.project__description{padding:1rem}}.blogs-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#6784e3;color:#0a1f44;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:3rem 1.5rem;animation:fadeIn .8s ease-in-out}.blogs__title{font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center;color:#0a1f44;position:relative}.blogs__title:after{content:"";display:block;width:80px;height:4px;background-color:#fc0;margin:12px auto 0;border-radius:2px}.blogs__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:1200px}.blog__card{background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.blog__card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00000014}.blog__title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#0a1f44}.blog__summary{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1.5rem}.blog__link{align-self:flex-start;font-size:.95rem;font-weight:600;color:#07c;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}.blog__link:hover{color:#004c99;border-color:#004c99}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.blogs__title{font-size:2rem}.blog__title{font-size:1.3rem}.blog__summary{font-size:.95rem}.blog__link{font-size:.9rem}}.challenges-page{display:flex;min-height:100vh;background-color:#fdfdfd;color:#001f3f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.challenges{flex:1;padding:3rem;background-color:#fff;animation:fadeIn 1.2s ease-in}.challenges__title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#001f3f}.challenges__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.challenge__card{background-color:#f5f5f5;border-radius:12px;padding:1.5rem;box-shadow:0 4px 8px #00000014;transition:transform .3s,box-shadow .3s;position:relative}.challenge__card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.challenge__card h2{font-size:1.3rem;font-weight:600;margin-bottom:.6rem}.challenge__status{font-size:.95rem;color:#036;margin-bottom:.6rem}.challenge__status strong{color:#c19700}.challenge__card p{font-size:.9rem;line-height:1.4}@media (max-width: 768px){.challenges{padding:1.5rem}.challenges__title{font-size:2rem}}.challenge__image{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.challenge__image{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:1rem;cursor:pointer;transition:transform .3s ease}.challenge__image:hover{transform:scale(1.02)}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal__content{max-width:90%;max-height:90%}.image-modal__content img{width:100%;height:auto;border-radius:8px;box-shadow:0 0 20px #fff3}.contact-page{display:flex;background-color:#f8f9fa;min-height:100vh}.contact{flex:1;padding:3rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#036;animation:slideIn .6s ease-in-out}.contact h1{font-size:2.5rem;margin-bottom:1rem}.contact p{font-size:1.1rem;margin-bottom:2rem;color:#333}.contact__form{display:flex;flex-direction:column;gap:1.2rem;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00336626}.contact__form label{font-weight:600;color:#036}.contact__form input,.contact__form textarea{padding:.75rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;resize:vertical;font-family:inherit}.contact__form input:focus,.contact__form textarea:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px #0056b31a}.contact__form button{background-color:#036;color:#fff;border:none;padding:.75rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.contact__form button:hover{background-color:#0056b3}@media screen and (max-width: 768px){.contact-page{flex-direction:column}.contact,.contact__form{padding:1.5rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sidebar{background-color:beige;color:#002147;width:100%;max-width:250px;height:400px;display:flex;flex-direction:column;align-items:center;box-shadow:2px 0 5px #0000001a;padding:5rem;margin-top:10rem;border-radius:20px}.sidebar__profile{text-align:center;margin-bottom:2rem}.sidebar__image{width:150px;height:150px;object-fit:cover;border-radius:50%;border:3px solid #002147;box-shadow:0 4px 8px #0003;margin-bottom:1rem}.sidebar__name{font-size:1.5rem;font-weight:700;margin:.5rem 0;color:#002147}.sidebar__desc{font-size:1rem;line-height:1.5;color:#002147}.sidebar__socials{display:flex;justify-content:center;gap:1rem;margin-top:auto}.sidebar__socials a{color:#002147;font-size:1.5rem;transition:color .3s ease}.sidebar__socials a:hover{color:#b8860b}.app{display:flex;flex-direction:column;min-height:100vh;background-color:#f9f9fb;color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-content{flex:1;display:flex;flex-direction:column;padding:1rem;margin-left:50px;transition:margin-left .3s ease-in-out}@media (max-width: 768px){.main-content{margin-left:0;padding:.5rem}.app{padding-top:3.5rem}}html{scroll-behavior:smooth}.main-content>*{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}