:root{--primary-dark: #1a1a2e;--primary-blue: #16213e;--accent-teal: #0f3460;--accent-green: #04aa6d;--text-light: #f1f1f1;--text-muted: #b8b8b8;--card-bg: rgba(255, 255, 255, .05);--shadow-soft: 0 4px 6px rgba(0, 0, 0, .1);--shadow-hard: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--border-radius: 8px;--transition: all .3s ease}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#2f0842;color:#fff;overflow-x:hidden}header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:3px solid rgb(245,222,179);position:fixed;width:100%;z-index:100;box-shadow:0 0 60px 20px #000000a9;background:linear-gradient(-45deg,#2f0842,#005b6b,#16213e);animation:bg-animation 3s infinite alternate;background-size:400%}header .logo_content{display:flex;align-items:center}header .logo_content img{margin-right:25px;width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2.223px solid teal;box-shadow:7px 7px 10px #000}header .logo_content .brand-text h1{font-family:Courier New,monospace;color:wheat;font-size:1.5rem;margin-bottom:0}header .logo_content .brand-text .subtitle{font-size:.7rem;letter-spacing:2px;color:#ffffffb3}header .navi1 ul{display:flex;gap:50px}header .navi1 ul li a{color:wheat;font-weight:700;font-size:1.1rem;transition:color .3s}header .navi1 ul li a:hover{color:#fff;text-shadow:0 0 10px rgb(245,222,179)}header .nav-link{color:wheat;font-weight:500;position:relative;padding:5px 0;transition:color .3s}header .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#04aa6d;transition:width .3s ease-in-out}header .nav-link:hover:after{width:100%}header .nav-link.active:after{width:100%;background:wheat}main{padding-top:90px}.hero-split{background:linear-gradient(-45deg,#2f0842,#005b6b,#16213e);padding:30px 20px;border-bottom:7px solid wheat;display:flex;justify-content:space-between}.container-split{max-width:1200px;width:100%;display:flex;grid-template-columns:1fr 1fr;align-items:center}@media(max-width:610px){.container-split{display:flex;flex-direction:column}}.split-text h2{font-size:3.5rem;color:#fff;margin-bottom:20px;text-align:center}.split-text p{font-size:1.2rem;color:#ddd;margin-bottom:30px;line-height:1.6;font-family:Courier New,monospace;margin-left:50px}.split-image-box{position:relative;width:100%;max-width:500px;height:500px;margin:0 auto;border:2px solid wheat;border-radius:20px;box-shadow:0 0 30px #00000080;overflow:hidden}.fade-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.img-top{animation:fade-switch 6s infinite ease-in-out}@keyframes fade-switch{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@media(max-width:768px){.container-split{grid-template-columns:1fr;text-align:center}.split-image-box{height:400px;order:-1}.hero_buttons{justify-content:center}.split-text{margin-left:0;line-height:1.4;margin-top:10px;text-align:left}.split-text h2{font-size:2rem}.split-text p{font-size:.8rem}.split-text .hero-buttons{padding:20px 0}}@media(max-width:890px){.navi1{display:none}header{justify-content:center}}.hero_text h2{font-size:3.5rem;color:#fff;margin-bottom:20px;line-height:1.2}.hero_text p{font-size:1.2rem;color:#ddd;margin-bottom:40px;font-family:Courier New,monospace;font-weight:700}.hero_buttons{display:flex;justify-content:center;gap:20px}.btn-primary:hover{transform:translate(-2px,-5px);transition:transform .5s;cursor:pointer}.btn-secondary{background-color:transparent;color:#fff;padding:15px 30px;border:2px solid wheat;box-shadow:0 4px 6px #0000004d;text-decoration:none;transition:background-color .2s;font-weight:700;font-family:Courier New,Courier,monospace;display:inline-block;font-size:20px;cursor:pointer;box-shadow:4px 4px #000}.btn-secondary:hover{background-color:#b3e1f51a}.btn-secondary:hoverp{color:wheat}.btn-secondary:hover{transform:translate(2px,-5px);transition:transform .5s;cursor:pointer}.btn-secondary:hover span{display:none}.btn-secondary:hover:after{content:attr(data-hover)}@keyframes fade-switch{0%{opacity:0}45%{opacity:1}55%{opacity:1}to{opacity:0}}@keyframes bg-animation{0%{background-position:left}to{background-position:right}}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.contact{padding:60px 0;border-bottom:3px solid wheat;animation:bg-animation 3s infinite alternate;background:linear-gradient(-45deg,#2f0842,#005b6b,#16213e)}.contact-content{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:15px}.contact-icon{width:50px;height:50px;background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--accent-green)}.contact-form{display:flex;flex-direction:column;gap:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:500}.form-input,.form-textarea{padding:12px 15px;background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);color:var(--text-light);font-family:inherit;transition:var(--transition)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-green)}footer{animation:bg-animation 3s infinite alternate;background:linear-gradient(-45deg,#2f0842,#005b6b,#16213e);background-size:400%;padding:40px;text-align:center;color:#ffffff80}footer .socials{margin-top:10px}footer .socials a{color:wheat;font-size:1.5rem;margin:0 10px}@media(max-width:768px){.hero h1{font-size:2rem}.research-card{flex-direction:column}header{padding:0 20px}.navi1{display:none}}@media(max-width:992px){h1{font-size:3rem}h2{font-size:2rem}.about-content,.contact-content{grid-template-columns:1fr}.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:nth-child(2n){left:0}.timeline-item:after{left:21px}.timeline-item:nth-child(2n):after{left:21px}}@media(max-width:768px){.nav-menu{position:fixed;top:80px;right:-100%;flex-direction:column;background:var(--primary-blue);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:20px 0;gap:0}.nav-menu.active{right:0}.nav-item{margin:15px 0}.mobile-toggle{display:block}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.projects-grid{grid-template-columns:1fr}}.btn{display:inline-block;padding:12px 30px;background:var(--accent-green);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:var(--transition);text-align:center}