*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:rgba(255,255,255,.95);transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px rgba(0,0,0,.1)}nav{justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.logo{color:#667eea;font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#333;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover{color:#667eea}.nav-links a:after{content:"";background:#667eea;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.hamburger{cursor:pointer;z-index:1100;flex-direction:column;justify-content:space-around;width:30px;height:25px;display:none}.hamburger div{background-color:#333;width:30px;height:3px;margin:2px 0;transition:all .3s}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1050;background-color:rgba(255,255,255,.97);flex-direction:column;justify-content:center;align-items:center;width:70%;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-5px 0 30px rgba(0,0,0,.1)}.mobile-menu.active{right:0}.hamburger.active div:first-child{transform:rotate(45deg)translate(5px,6px)}.hamburger.active div:nth-child(2){opacity:0}.hamburger.active div:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.mobile-menu .nav-links{flex-direction:column;align-items:center;gap:2rem}.hero{text-align:center;color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 1000\"><polygon fill=\"%23ffffff10\" points=\"0,0 1000,300 1000,1000 0,700\"/></svg>");animation:6s ease-in-out infinite float;position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{z-index:2;position:relative}.hero h1{letter-spacing:.02em;text-shadow:0 4px 15px rgba(0,0,0,.5);color:#333;margin-bottom:1rem;font-size:3.5rem;font-weight:700;animation:1s ease-out slideInUp}.hero p{opacity:.95;text-shadow:0 4px 10px rgba(0,0,0,.5);letter-spacing:.03em;color:#333;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.5rem;font-weight:500;animation:1s ease-out .3s both slideInUp}.contact-info{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;animation:1s ease-out .6s both slideInUp;display:flex}.contact-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:50px;align-items:center;gap:.8rem;padding:.7rem 1.2rem;transition:all .3s;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.3)}.contact-item:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.contact-item i{color:#333;font-size:1.1rem}.contact-item span{color:#333;text-shadow:0 2px 5px rgba(0,0,0,.3);letter-spacing:.02em;font-weight:600}.cta-button{color:#333;background:linear-gradient(45deg,#ff6b6b,#ee5a52);border-radius:50px;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .3s;animation:1s ease-out .9s both slideInUp;display:inline-block;box-shadow:0 10px 30px rgba(255,107,107,.3)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(255,107,107,.4)}.resume-button{color:#333;background:#667eea;border-radius:25px;margin-top:1rem;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 5px 15px rgba(102,126,234,.3)}.resume-button:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}section{color:#f8f9fa;background:#333;padding:5rem 0}section:nth-child(2n){color:#333;background:#f8f9fa}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;position:relative}.section-title:after{content:"";background:linear-gradient(45deg,#667eea,#764ba2);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.education-card{color:#f8f9fa;background:#333;border-radius:15px;margin-bottom:2rem;padding:2rem;transition:transform .3s;box-shadow:0 10px 30px rgba(0,0,0,.1)}.education-card:hover{transform:translateY(-5px)}.education-card h3{color:#667eea;margin-bottom:1rem}.coursework{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.course-tag{color:#333;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:20px;padding:.3rem .8rem;font-size:.8rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;display:grid}.project-card{color:#f8f9fa;background:#333;border-radius:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.project-card:before{content:"";background:linear-gradient(45deg,#667eea,#764ba2);height:4px;position:absolute;top:0;left:0;right:0}.project-content{padding:2rem}.project-card h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.project-tech{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tech-tag{color:#667eea;background:#f0f0f0;border-radius:15px;padding:.2rem .6rem;font-size:.8rem;font-weight:500}.github-link{color:#667eea;margin-top:1rem;font-weight:700;text-decoration:none;transition:color .3s;display:inline-block}.github-link:hover{color:#5a67d8}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;display:grid}.skill-category{text-align:center;color:#f8f9fa;background:#333;border-radius:15px;padding:2rem;transition:transform .3s;box-shadow:0 10px 30px rgba(255,255,255,.1)}.skill-category:hover{transform:translateY(-5px)}.skill-category i{color:#667eea;margin-bottom:1rem;font-size:3rem}.skill-category h3{color:#f8f9fa}.skill-list{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.skill-item{color:#333;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:20px;padding:.3rem .8rem;font-size:.9rem}.experience-timeline{padding-left:2rem;position:relative}.experience-timeline:before{content:"";background:linear-gradient(45deg,#667eea,#764ba2);width:2px;position:absolute;top:0;bottom:0;left:0}.experience-item{color:#f8f9fa;background:#333;border-radius:15px;margin-bottom:2rem;padding:2rem;transition:transform .3s;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.1)}.experience-item:hover{transform:translate(10px)}.experience-item:before{content:"";background:#667eea;border:3px solid #333;border-radius:50%;width:12px;height:12px;position:absolute;top:2rem;left:-2.5rem;box-shadow:0 0 0 3px #667eea}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}footer{color:#ccc;text-align:center;background:linear-gradient(135deg,#1a1c2c 0%,#2d3047 100%);padding:3rem 0}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h3{margin-bottom:1rem;display:inline-block;position:relative}.footer-section h3:after{content:"";background:#667eea;width:50%;height:2px;position:absolute;bottom:-5px;left:0}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#667eea}.footer-bottom{color:#ccc;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;font-size:.9rem}@media (max-width:768px){.nav-links{display:none}.hamburger{display:flex}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.contact-info{flex-direction:column;gap:1rem}.projects-grid,.skills-grid{grid-template-columns:1fr}}.fade-in{opacity:0;transition:all .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.social-links{justify-content:center;gap:1rem;margin:1rem 0;display:flex}.social-links a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;background:rgba(255,255,255,.25);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.2)}.social-links a:hover{color:#667eea;background:#333;transform:translateY(-3px)}.github-button{color:#333;background:linear-gradient(45deg,#333,#24292e);border-radius:50px;align-items:center;gap:.5rem;margin:0 1rem;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px rgba(0,0,0,.2)}.github-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.github-button i{font-size:1.2rem}