*{margin:0;padding:0;box-sizing:border-box}.home{display:flex;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#203a43;color:#fff;align-items:center;justify-content:space-between;padding:0 20px;overflow-x:hidden}@keyframes im{0%{box-shadow:0 0 5px #ff004f,0 0 15px #ff004f}25%{box-shadow:0 0 15px #ff7a00,0 0 5px #ff7a00}50%{box-shadow:0 0 5px #00eaff,0 0 15px #00eaff}75%{box-shadow:0 0 5px #9d00ff,0 0 15px #9d00ff}to{box-shadow:0 0 15px #ff004f,0 0 5px #ff004f}}.home-left{flex:1;display:flex;flex-direction:column;justify-content:center}.home-left h1{font-size:3rem;margin-bottom:15px;line-height:1.2}.home-left h1 span{color:#00bfff}.gradient-hr{width:120px;height:4px;background:linear-gradient(to right,#ff0057,#f90,#0fc,#06f);border-radius:10px;margin-bottom:20px;transition:width .4s}.gradient-hr:hover{width:200px}.home-left p{font-size:1.2rem;line-height:1.6;max-width:500px;margin-bottom:25px}.social-icons{display:flex;gap:20px;margin-bottom:30px}.social-icons a{font-size:28px;color:#fff;transition:all .3s ease}.social-icons a:hover{color:#00bfff;transform:scale(1.3) rotate(10deg)}.vs-icon{width:28px;height:28px;object-fit:cover;border-radius:5px;transition:all .3s ease}.vs-icon:hover{transform:scale(1.3) rotate(-10deg)}.home-btn{background-color:#00bfff;color:#fff;padding:12px 28px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;width:fit-content}.home-btn:hover{background-color:#07a;transform:translateY(-3px) scale(1.05)}.home-right{flex:1;display:flex;justify-content:center;align-items:center}.profile-border{position:relative;width:400px;height:400px;border-radius:50%;background:#00bfff;padding:6px;box-shadow:0 10px 25px #0006;transition:all .4s ease}.profile-border:hover{transform:scale(1.05);box-shadow:0 15px 30px #00000080}.profile-border img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;animation:im 5s infinite linear}.fade-in-left{opacity:0;transform:translate(-50px);animation:fadeInLeft 1s forwards}.fade-in-right{opacity:0;transform:translate(50px);animation:fadeInRight 1s forwards}.fade-in-left.delay-1{animation-delay:.3s}.fade-in-left.delay-2{animation-delay:.6s}.fade-in-left.delay-3{animation-delay:.9s}@keyframes fadeInLeft{to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}@media(max-width:768px){.home{flex-direction:column;height:auto;padding:20px}.home-left,.home-right{width:100%;text-align:center;margin-bottom:30px}.profile-border{width:200px;height:200px}.gradient-hr{margin:20px auto 30px}}body{background:linear-gradient(135deg,#203a43,#2c5364);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background:#0f1427f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;position:sticky;top:0;z-index:100;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-bottom:1px solid rgba(0,191,255,.2)}.nav-logo{font-size:1.5rem;font-weight:700;color:#00bfff}.nav-links{display:flex;gap:30px}.link{color:#fff;text-decoration:none;font-size:1rem;position:relative;transition:all .3s ease}.link:after{content:"";position:absolute;width:0%;height:2px;bottom:-3px;left:0;background-color:#00bfff;transition:width .3s}.link:hover:after,.link.active{width:100%}.link:hover{color:#00bfff}@media(max-width:768px){.navbar{flex-direction:column;align-items:center;gap:10px;padding:10px 20px}.nav-links{flex-direction:row;justify-content:center;gap:15px;flex-wrap:nowrap}}.education-section{position:relative;padding:60px 20px;background:linear-gradient(135deg,#1c2633,#273447);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;overflow:hidden}.education-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;pointer-events:none}.section-title{font-size:2.5rem;color:#00bfff;margin-bottom:50px;position:relative;display:inline-block}.section-title:after{content:"";display:block;height:4px;width:80px;margin:8px auto 0;background:linear-gradient(to right,#ff0057,#f90,#0fc,#06f);border-radius:5px}.education-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;position:relative;z-index:1}.edu-card{background:#2c3e50;border-radius:15px;box-shadow:0 10px 25px #0006,0 0 15px #00bfff33;padding:30px 20px;width:280px;transition:transform .3s,box-shadow .3s;color:#fff}.edu-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0009,0 0 25px #00bfff59}.edu-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.edu-icon{font-size:28px;color:#00bfff;transition:transform .3s,color .3s}.edu-card:hover .edu-icon{transform:rotate(15deg) scale(1.2);color:#f90}.edu-header h3{font-size:1.5rem;color:#fff}.edu-details p{font-size:1rem;color:#d0d6dc;line-height:1.5;margin:6px 0}@media(max-width:1024px){.education-cards{gap:20px}.edu-card{width:250px;padding:25px 15px}}@media(max-width:768px){.education-cards{flex-direction:column;align-items:center}.edu-card{width:90%;padding:25px 15px}}.projects-section{padding:60px 20px;background:linear-gradient(135deg,#1c2633,#273447);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;overflow:hidden}.projects-section h2{font-size:2.5rem;color:#00bfff;margin:40px 0 30px;position:relative;display:inline-block}.projects-section h2:after{content:"";display:block;height:4px;width:80px;margin:8px auto 0;background:linear-gradient(to right,#ff0057,#f90,#0fc,#06f);border-radius:5px}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.project-card{background:#2c3e50;padding:25px 20px;width:280px;border-radius:15px;box-shadow:0 10px 25px #0006;transition:transform .3s,box-shadow .3s;text-align:left;color:#d0d6dc;border:1px solid;border-color:none}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #00bfff59;animation:borderColor 3s infinite linear}.project-card h3{font-size:1.3rem;color:#00bfff;margin-bottom:8px}.project-card .tech{font-size:.95rem;font-weight:600;color:#f90;margin-bottom:10px}.project-card p{font-size:.95rem;color:#d0d6dc;margin-bottom:15px}.view-btn{display:inline-block;text-decoration:none;background:linear-gradient(90deg,#d4ad8e,#deb983,#a78344,#cb904e);color:#1e1e1e;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease}.view-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #00bfff66}@keyframes borderColor{0%{border-color:#ff004f}25%{border-color:#ff7a00}50%{border-color:#00d9ff}75%{border-color:#9d00ff}to{border-color:#ff004f}}@media(max-width:1024px){.projects-grid{gap:20px}.project-card{width:250px;padding:20px 15px}}@media(max-width:768px){.projects-grid{flex-direction:column;align-items:center}.project-card{width:90%}}.skills-section{padding:60px 20px;background:linear-gradient(135deg,#1c2633,#273447);color:#fff;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.skills-section h2{font-size:2.5rem;color:#00bfff;margin-bottom:50px;position:relative;display:inline-block}.skills-section h2:after{content:"";display:block;height:4px;width:80px;margin:8px auto 0;background:linear-gradient(to right,#ff0057,#f90,#0fc,#06f);border-radius:5px}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.skill-card{background:#2c3e50;padding:20px;width:260px;border-radius:15px;box-shadow:0 10px 25px #0006;transition:transform .3s,box-shadow .3s;color:#d0d6dc}.skill-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 35px #00bfff59}.skill-info{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:600;color:#fff}.progress-bar{height:12px;width:100%;background:#3a4a5a;border-radius:8px;overflow:hidden}.progress{height:100%;border-radius:8px;background:linear-gradient(90deg,#ff0057,#f90,#0fc,#06f);transition:width 1.2s ease-in-out}.skill-card:hover .progress{transform:scaleX(1.05)}@media(max-width:1024px){.skill-card{width:220px}}@media(max-width:768px){.skills-container{flex-direction:column;align-items:center}.skill-card{width:90%}}
