@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{--primary-blue: #1a4b8c;--secondary-blue: #2a75bb;--light-blue: #e6f0fa;--primary-red: #e63946;--secondary-red: #ff6b6b;--light-red: #ffebee;--white: #ffffff;--gray: #f5f5f5;--dark-gray: #333333;--transition: all .3s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:Ubuntu,sans-serif;line-height:1.6;color:var(--dark-gray);background-color:var(--white);width:100%;overflow-x:hidden}h1,h2,h3,h4{margin-bottom:1rem;color:var(--primary-blue)}a{text-decoration:none;color:inherit}section{width:100%}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{background-color:var(--primary-blue);border-radius:20px;border:2px solid var(--white)}::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-blue)}*{scrollbar-width:thin;scrollbar-color:var(--primary-blue) var(--white)}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}footer{width:100%}.container{width:90%;max-width:1200px;margin:0 auto;padding:2rem 0}.section-title{text-align:center;margin-bottom:3rem;position:relative;font-size:2.5rem}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--primary-red)}.section{width:100%;padding:4rem 0;position:relative}.full-height{min-height:100vh;display:flex;align-items:center}@media (max-width: 768px){.section{padding:3rem 0}}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:5px;font-weight:600;transition:var(--transition);border:none;cursor:pointer}.btn-primary{background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover{background-color:var(--secondary-blue)}.btn-secondary{background-color:var(--primary-red);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-red)}@media (max-width: 768px){.section-title{font-size:2rem}}@media (max-width: 480px){.section-title{font-size:1.8rem}}.navbar{position:fixed;top:0;left:0;width:100%;background-color:var(--white);box-shadow:0 2px 10px #0000001a;z-index:1000;padding:0}.nav-container{padding:0 .5rem}.navbar-container{display:flex;justify-content:space-between;align-items:center;overflow-x:hidden}.logo{font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow-x:hidden}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:600;color:var(--primary-blue);transition:var(--transition);position:relative;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-transform:uppercase}.nav-links a:hover{color:var(--primary-blue)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-red);transition:var(--transition)}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.bar{display:block;width:25px;height:3px;margin:5px 0;background-color:var(--primary-blue);transition:var(--transition)}.logo-image{width:80px;height:80px;border-radius:50%;object-fit:cover;animation:logo-slide 3.5s ease-in-out forwards}@keyframes logo-slide{0%{opacity:0;transform:translate(-30px)}20%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@media (max-width: 768px){.nav-links{position:fixed;top:110px;left:0;width:100%;background-color:var(--white);flex-direction:column;align-items:center;padding:2rem 0;box-shadow:0 5px 10px #0000001a;transform:translateY(-150%);transition:var(--transition);gap:1.5rem}.nav-links.open{transform:translateY(0)}.menu-toggle{display:block}.bar.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.navbar-container{flex-direction:row;align-items:center;justify-content:space-between}.nav-links{justify-content:center;width:100%;margin-top:.5rem}.theme-selector{font-family:cursive;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--light-blue);color:var(--primary-blue);border-radius:6px;padding:.4rem .6rem}.theme-selector select{border:none;font-weight:600;font-family:inherit;cursor:pointer;background-color:var(--light-blue);color:var(--primary-blue)}.theme-selector select:focus{outline:none}@media (max-width: 768px){.theme-selector{top:15px;right:10px}.theme-selector select{padding:.3rem .5rem;font-size:.9rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;background:linear-gradient(135deg,var(--light-blue) 0%,var(--white) 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.hero-text h1{font-size:3rem;margin-bottom:1rem}.hero-text p{margin-bottom:2rem;font-size:1.1rem}.hero-buttons{display:flex;gap:1rem}.hero-image{display:flex;justify-content:center;position:relative}.hero-illustration{width:150px;height:150px;transition:all .3s;margin-bottom:20px}.hero-illustration:hover{transition:all .3s;transform:scale(1.1)}.image-background{width:350px;height:350px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 30%,var(--primary-red) 70%,var(--secondary-red) 100%);display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #1a4b8c4d,0 0 25px #e6394666}.static-wrapper{display:flex;justify-content:center;align-items:center}.start-spin{animation:spin 3s linear infinite}.start-spin .static-wrapper{animation:counter-spin 3s linear infinite}.profile-image{width:320px;height:320px;border-radius:50%;object-fit:cover;border:5px solid var(--white)}@media (max-width: 992px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.hero-image{margin-top:3rem}}@media (max-width: 576px){.hero-text h1{font-size:2.5rem}.hero-text h2{font-size:1.5rem}.hero-buttons{flex-direction:column;gap:1rem}.image-background{width:250px;height:250px}.profile-image{width:230px;height:230px}}.tagline{font-size:1.8rem;font-weight:600;font-family:Segoe UI,Roboto,sans-serif;color:var(--primary-blue);min-height:2rem}.cursor{display:inline-block;margin-left:4px;width:2px;background-color:var(--primary-red);animation:blink .7s steps(1) infinite;height:2rem;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.parallax-slide{opacity:0;transform:perspective(800px) translateZ(-200px) scale(.8);transition:transform 1.2s ease,opacity 1.2s ease;will-change:transform,opacity}.parallax-show{opacity:1;transform:perspective(800px) translateZ(0) scale(1)}.about{background-color:var(--white)}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.about-text{font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:var(--gray);padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000000d;text-align:justify}.about-text p{margin-bottom:1.5rem;line-height:1.9;font-size:1rem;color:var(--dark-gray)}.about-stats{display:grid;grid-template-columns:1fr;gap:1.5rem}.stat-card{background-color:var(--white);padding:1.5rem;border-radius:10px;box-shadow:0 5px 15px #0000000d;text-align:center;border-top:4px solid var(--primary-blue);transition:var(--transition)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.stat-card h3{color:var(--primary-blue);margin-bottom:.5rem}.stat-card p{color:var(--dark-gray)}.stat-bullets{list-style:none;padding:0;margin-top:1rem;text-align:left}.stat-bullets li{position:relative;padding-left:1.5rem;margin-bottom:.6rem;color:var(--dark-gray);font-size:.95rem;line-height:1.6}.stat-bullets li:before{content:"★";position:absolute;left:0;top:0;color:var(--primary-blue);font-size:.8rem;transform:translateY(2px)}@media (max-width: 992px){.about-content{grid-template-columns:1fr}}@media (max-width: 576px){.about-text{padding:1.5rem}.stat-card{padding:1rem}}.skills{background-color:var(--light-blue)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.skill-category{background-color:var(--white);padding:1.5rem;border-radius:10px;box-shadow:0 5px 15px #0000000d}.skill-category h3{margin-bottom:1.5rem;color:var(--primary-blue);text-align:center;font-size:1.3rem}.skill-item{margin-bottom:1rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-info span:first-child{font-weight:600}.skill-info span:last-child{color:var(--primary-blue)}.skill-bar{height:8px;background-color:var(--gray);border-radius:4px;overflow:hidden}.skill-progress{height:100%;border-radius:4px;transition:width 1s ease}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr}}.services{background-color:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.service-card{background-color:var(--gray);padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000000d;border-top:4px solid var(--primary-red);transition:var(--transition)}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.service-card h3{color:var(--primary-blue);margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.service-card ul{list-style-type:none}.service-card li{margin-bottom:.8rem;position:relative;padding-left:1.5rem}.service-card li:before{content:"•";position:absolute;left:0;color:var(--primary-red);font-size:1.2rem}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.service-card{padding:1.5rem}}.academic-services{background-color:var(--light-blue)}.subtitle{text-align:center;margin-bottom:3rem;color:var(--dark-gray);font-size:1.2rem}.academic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.academic-card{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:var(--transition)}.academic-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.academic-image{height:250px;overflow:hidden}.academic-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.academic-card:hover .academic-image img{transform:scale(1.05)}.academic-detail{padding:1.5rem}.academic-detail p{color:var(--dark-gray)}@media (max-width: 768px){.academic-grid{grid-template-columns:1fr 1fr}}@media (max-width: 576px){.academic-grid{grid-template-columns:1fr}}.projects{background-color:var(--white)}.project-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-btn{padding:.5rem 1.5rem;background-color:transparent;border:2px solid var(--primary-blue);color:var(--primary-blue);border-radius:30px;font-weight:600;cursor:pointer;transition:var(--transition)}.filter-btn:hover,.filter-btn.active{background-color:var(--primary-blue);color:var(--white)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem}.project-card{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d;transition:var(--transition)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.project-image{position:relative;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.project-card:hover .project-image img{transform:scale(1.05)}.project-links{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#1a4b8ccc;opacity:0;transition:var(--transition)}.project-card:hover .project-links{opacity:1}.project-info{padding:1.5rem}.project-info h3{margin-bottom:1rem;color:var(--primary-blue)}.project-info p{color:var(--dark-gray);font-size:1rem;text-align:justify}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr 1fr}}@media (max-width: 576px){.projects-grid{grid-template-columns:1fr}.project-filters{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}}.contact{background-color:var(--light-blue)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info{background-color:var(--white);padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000000d}.contact-info h3{margin-bottom:1.5rem;color:var(--primary-blue)}.contact-info p{margin-bottom:2rem;color:var(--dark-gray)}.contact-methods{display:grid;grid-template-columns:1fr;gap:1.5rem}.contact-method h4{color:var(--primary-blue);margin-bottom:.5rem;font-size:1.1rem}.contact-method a{color:var(--dark-gray);transition:var(--transition)}.contact-method a:hover{color:var(--primary-red)}.contact-form{background-color:var(--white);padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000000d}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--primary-blue);border-radius:5px;font-family:inherit;transition:var(--transition)}.form-group textarea{height:200px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #1a4b8c33}.form-group textarea{resize:vertical}.contact-form-container{position:relative}.flying-message{background:var(--primary-blue);color:#fff;padding:10px 20px;border-radius:20px;max-width:200px;box-shadow:0 5px 15px #0003;font-size:.9rem}.success-notification{position:fixed;top:20px;right:20px;background:var(--primary-blue);color:#fff;padding:15px 25px;border-radius:5px;box-shadow:0 5px 15px #0003;z-index:1000}.contact-form:disabled,.contact-form input:disabled,.contact-form textarea:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 992px){.contact-content{grid-template-columns:1fr}}@media (max-width: 576px){.contact-info,.contact-form{padding:1.5rem}}.contact-methods-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.contact-card{display:flex;align-items:center;gap:1rem;background-color:var(--gray);padding:1.5rem;border-radius:12px;box-shadow:0 4px 10px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.contact-icon{font-size:2rem;color:var(--primary-blue);flex-shrink:0}.contact-card h4{margin-bottom:.3rem;color:var(--primary-blue);font-size:1.05rem}.contact-card a{color:var(--dark-gray);font-weight:500;word-break:break-word;transition:color .2s ease}.contact-card a:hover{color:var(--primary-red)}@media (min-width: 576px){.contact-methods-grid{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.contact-methods-grid{grid-template-columns:1fr}}.footer{background-color:var(--primary-blue);color:var(--white);padding:1.5rem 0 .5rem}.footer-social{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.social-heading{color:var(--white);margin-bottom:2rem;font-size:1.2rem;font-weight:500;text-align:center}.social-icons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ffffff1a;border-radius:50%;color:var(--white);transition:var(--transition);font-size:1rem}.social-icons a:hover{background-color:var(--hover-color);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.8rem}@media (max-width: 768px){.social-heading{font-size:1.1rem}.social-icons{gap:.8rem}.social-icons a{width:32px;height:32px;font-size:.9rem}}.floating-illustration{position:fixed;bottom:25px;right:25px;z-index:999;display:flex;justify-content:center;align-items:center;cursor:pointer}.circle-bg{position:absolute;width:80px;height:80px;border-radius:50%;z-index:1;background-color:#b4c8ff33;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0003;border:1px solid rgba(255,255,255,.1)}.floating-img{width:60px;height:60px;object-fit:contain;z-index:2;transition:opacity .5s ease-in-out}.message-bubble{position:absolute;bottom:20px;right:100px;min-width:max-content;background:#ffffffe6;color:var(--primary-blue);padding:6px 12px;border-radius:10px;font-size:.85rem;text-transform:capitalize;box-shadow:0 4px 12px #0000001a;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;transform:translateY(10px);z-index:3}.message-bubble:after{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid rgba(255,255,255,.9)}.floating-illustration:hover .message-bubble,.message-bubble.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.circle-bg{width:60px;height:60px}.floating-img{width:45px;height:45px}.message-bubble{left:-30px;font-size:.75rem}}@media (min-width: 1200px){.circle-bg{width:100px;height:100px}.floating-img{width:75px;height:75px}}