:root{--primary:#004d99; --secondary:#003366; --accent:#e74c3c; --light:#f8f9fa; --dark:#212529; --text:#333333; --text-light:#6c757d; --shadow:0 4px 12px rgba(0, 0, 0, 0.1); --shadow-hover:0 8px 24px rgba(0, 0, 0, 0.15)}*{margin:0; padding:0; box-sizing:border-box}body{line-height:1.6; color:var(--text); background-color:#ffffff; overflow-x:hidden; font-family:'Inter', sans-serif}a{text-decoration:none; color:var(--primary); transition:all 0.3s ease}.container{width:98%; max-width:1200px; margin:0 auto; padding:0 8px}.btn{display:inline-block; padding:12px 30px; background:var(--primary); color:white; border-radius:30px; font-weight:600; text-transform:uppercase; letter-spacing:1px; transition:all 0.3s ease; border:none; cursor:pointer; text-align:center; box-shadow:var(--shadow)}.btn:hover{background:var(--secondary); transform:translateY(-3px); box-shadow:var(--shadow-hover)}.btn-outline{background:transparent; border:2px solid white; color:white}.btn-small{padding:10px 20px; font-size:0.9rem}section{padding:80px 0}.section-title{text-align:center; margin-bottom:50px}.section-title h2{font-size:2.5rem; color:var(--dark); margin-bottom:15px; position:relative; display:inline-block}.section-title h2::after{content:''; position:absolute; width:70px; height:4px; background:var(--primary); bottom:-10px; left:50%; transform:translateX(-50%)}.section-title p{color:var(--text-light); max-width:700px; margin:0 auto}header{background:linear-gradient(135deg, #004d99 0%, #003366 100%); color:white; padding:100px 0; text-align:center; position:relative; overflow:hidden}header::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:1}.header-content{position:relative; z-index:2}.header-content h1{font-size:3.5rem; margin-bottom:20px; animation:fadeInDown 1s ease}.header-content p{font-size:1.2rem; max-width:700px; margin:0 auto 30px; animation:fadeInUp 1s ease}.last-updated{font-size:0.9rem; color:rgba(255, 255, 255, 0.7); margin-top:15px; font-style:italic; max-width:700px; margin:0 auto; animation:fadeInUp 1.2s ease}nav{background:white; box-shadow:var(--shadow); position:sticky; top:0; z-index:1000; transition:all 0.3s ease; padding:10px 0}.nav-container{display:flex; justify-content:center; align-items:center; padding:5px 0}.logo{display:flex; align-items:center; gap:10px}.logo-img{height:50px; width:auto; transition:transform 0.3s ease}.logo:hover .logo-img{transform:scale(1.05)}.about-content{display:flex; align-items:center; gap:50px}.about-text{flex:1}.about-text h3{font-size:2rem; margin-bottom:20px; color:var(--dark)}.about-text p{margin-bottom:15px; color:var(--text)}.about-image{flex:1; text-align:center}.about-image-placeholder{background:var(--light); height:400px; display:flex; align-items:center; justify-content:center; color:var(--primary); border-radius:10px; overflow:hidden; box-shadow:var(--shadow); background-size:cover; background-position:center; transition:transform 0.3s ease, box-shadow 0.3s ease}.about-image-placeholder:hover{transform:translateY(-5px); box-shadow:var(--shadow-hover)}.about-image-placeholder i{font-size:8rem}.quote-section{background:linear-gradient(135deg, #004d99 0%, #003366 100%); color:white; padding:80px 0; margin:60px 0; border-radius:15px; text-align:center; position:relative; overflow:hidden; box-shadow:0 10px 30px rgba(0, 0, 0, 0.15)}.quote-section::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.05)"/></svg>'); background-size:cover; z-index:1}.quote-content{position:relative; z-index:2; max-width:900px; margin:0 auto; padding:0 20px}.quote-icon{font-size:3.5rem; margin-bottom:30px; color:rgba(255, 255, 255, 0.8); display:inline-block; animation:float 6s ease-in-out infinite}.quote-text{font-size:1.8rem; font-family:'Playfair Display', serif; font-weight:400; line-height:1.6; margin-bottom:30px; position:relative; padding:0 40px; text-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.quote-text::before, .quote-text::after{content:'"'; font-size:5rem; color:rgba(255, 255, 255, 0.3); position:absolute; line-height:1; font-family:'Playfair Display', serif}.quote-text::before{top:-20px; left:0}.quote-text::after{bottom:-50px; right:0}.quote-author{display:flex; align-items:center; justify-content:center; gap:15px; font-size:1.3rem; font-weight:500; margin-top:40px}.author-divider{width:40px; height:2px; background:rgba(255, 255, 255, 0.7)}.personal-statement{background:#f8f9fa; padding:60px 0; margin-top:40px; border-radius:10px}.statement-content{max-width:800px; margin:0 auto; text-align:center}.statement-content h3{font-size:1.8rem; margin-bottom:25px; color:var(--dark)}.statement-content p{font-size:1.1rem; line-height:1.8; margin-bottom:20px; color:var(--text)}.journey-section{background:#eef2f7; padding:80px 0}.timeline-container{width:90%; max-width:800px; position:relative; margin:0 auto}.timeline{list-style-type:none; padding:0; position:relative}.timeline:before{content:''; position:absolute; top:0; bottom:0; width:4px; background:var(--primary); left:50%; margin-left:-2px}.timeline-item{position:relative; width:50%; padding:20px 0; box-sizing:border-box}.timeline-item:first-child{width:100%; text-align:center; padding:0; margin-bottom:40px}.timeline-item:nth-child(odd):not(:first-child){left:0}.timeline-item:nth-child(even){left:50%}.timeline-item-content{padding:25px; position:relative; border-radius:8px; box-shadow:var(--shadow); z-index:2; width:calc(100% - 40px); margin-left:20px; margin-right:20px; color:var(--text); background:white; transition:all 0.3s ease; word-wrap:break-word; overflow-wrap:break-word}.timeline-item-content:hover{transform:translateY(-5px) scale(1.02); box-shadow:var(--shadow-hover)}.timeline-item-content:before{content:''; position:absolute; width:20px; height:3px; background:var(--primary); top:50%; z-index:1}.timeline-item:nth-child(odd) .timeline-item-content:before{right:-20px; left:auto}.timeline-item:nth-child(even) .timeline-item-content:before{left:-20px}.timeline-item:first-child .timeline-item-content:before{display:none}.timeline-item h4{margin-top:0; color:var(--primary); font-size:1.3rem; margin-bottom:10px}.timeline-item span{display:block; margin-top:10px; color:var(--text); line-height:1.6}.timeline-item i{font-size:1.8em; color:var(--primary); margin-right:15px; transition:transform 0.3s ease}.timeline-item-content:hover i{transform:scale(1.1)}.icon-container{display:flex; align-items:center; margin-bottom:15px; justify-content:flex-start}.icon-container h4{margin:0}.skills-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:30px}.skill-card{background:white; padding:30px; border-radius:10px; text-align:center; box-shadow:var(--shadow); transition:all 0.3s ease; position:relative; overflow:hidden}.skill-card::before{content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:var(--primary); transform:scaleX(0); transform-origin:left; transition:transform 0.3s ease}.skill-card:hover::before{transform:scaleX(1)}.skill-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-hover)}.skill-card i{font-size:3rem; color:var(--primary); margin-bottom:20px; transition:transform 0.3s ease}.skill-card:hover i{transform:scale(1.1)}.skill-card h3{margin-bottom:15px; color:var(--dark)}footer{background:linear-gradient(135deg, #000000 0%, #333333 100%); color:white; padding:60px 0 20px}.footer-content{display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:30px; margin-bottom:30px}.footer-section h3{margin-bottom:20px; position:relative; padding-bottom:10px; color:white}.footer-section h3::after{content:''; position:absolute; width:50px; height:2px; background:var(--primary); bottom:0; left:0}.footer-section p{color:#ccc; margin-bottom:15px}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#ccc; transition:all 0.3s ease}.footer-links a:hover{color:white; padding-left:5px}.social-links{display:flex; gap:15px; margin-top:20px}.social-links a{display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:rgba(255, 255, 255, 0.1); border-radius:50%; transition:all 0.3s ease; color:white}.social-links a:hover{background:var(--primary); transform:translateY(-3px)}.copyright{text-align:center; padding-top:20px; border-top:1px solid rgba(255, 255, 255, 0.1); font-size:0.9rem; color:#aaa}.scroll-to-top{position:fixed; bottom:30px; right:30px; width:50px; height:50px; background:var(--primary); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; box-shadow:var(--shadow); cursor:pointer; opacity:0; visibility:hidden; transition:all 0.3s ease; z-index:1000}.scroll-to-top.active{opacity:1; visibility:visible}.scroll-to-top:hover{background:var(--secondary); transform:translateY(-3px)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInDown{from{opacity:0; transform:translateY(-20px)}to{opacity:1; transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0; transform:translateY(20px)}to{opacity:1; transform:translateY(0)}}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}}@media (max-width:768px){.header-content h1{font-size:2.5rem}.header-content p{font-size:1.1rem}.last-updated{font-size:0.85rem}.about-content{flex-direction:column}.about-image{display:none}.section-title h2{font-size:2rem}.quote-text{font-size:1.5rem; padding:0 30px}.quote-text::before, .quote-text::after{font-size:4rem}.quote-text::before{top:-15px}.quote-text::after{bottom:-40px}.timeline-container{width:95%}.timeline-item-content{width:calc(100% - 30px); margin-left:15px; margin-right:15px; padding:20px}.timeline-item:nth-child(odd) .timeline-item-content:before{right:-15px}.timeline-item:nth-child(even) .timeline-item-content:before{left:-15px}.logo-img{height:40px}section{padding:60px 0}.statement-content h3{font-size:1.6rem}.statement-content p{font-size:1rem}.scroll-to-top{bottom:20px; right:20px; width:45px; height:45px}}@media (max-width:480px){.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.last-updated{font-size:0.8rem}.section-title h2{font-size:1.8rem}.about-text h3{font-size:1.6rem}.skill-card i{font-size:2.5rem}.quote-text{font-size:1.3rem; padding:0 25px}.quote-text::before, .quote-text::after{font-size:3rem}.quote-icon{font-size:2.5rem}section{padding:50px 0}.logo-img{height:35px}.timeline-item-content{padding:18px 15px; width:calc(100% - 20px); margin-left:10px; margin-right:10px}.timeline-item h4{font-size:1.1rem; line-height:1.3}.timeline-item span{font-size:0.9rem; line-height:1.5}.icon-container{margin-bottom:12px}.timeline-item i{font-size:1.5em; margin-right:12px}.timeline-item:nth-child(odd) .timeline-item-content:before{right:-10px}.timeline-item:nth-child(even) .timeline-item-content:before{left:-10px}.scroll-to-top{bottom:15px; right:15px; width:40px; height:40px; font-size:1rem}}body{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}body{-webkit-touch-callout:none}