@import "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#041020;font-family:Raleway,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 0 0,#4ea5fd0a,#0000 35%),radial-gradient(circle at 100% 0,#6e88ff0a,#0000 35%),radial-gradient(circle at 50% 100%,#4ea5fd08,#0000 40%);width:100vw;height:100vh;position:fixed;top:0;left:0}html{scroll-behavior:smooth}[id]{scroll-margin-top:100px}.navbar{background-color:#050e15;justify-content:space-between;align-items:center;padding:20px;display:flex;position:relative}.contact button{color:#fff;background-color:#4e6efd;border:0 solid;border-radius:36px;padding:10px 20px;font-size:16px;font-weight:550}.contact :hover{cursor:pointer;background-color:#4c62c5}.links a{color:#ffffffb3;padding:40px;font-size:1.2rem;text-decoration:none}.links a:hover{color:#4ea5fd;transition:color .3s}.space,.contact{width:200px}.contact{justify-content:flex-end;display:flex}.hamburger{cursor:pointer;display:none}@media (width<=768px){.space{display:none}.hamburger{display:block}.links{text-align:center;z-index:100;background-color:#050e15;border-bottom:1px solid #ffffff1a;flex-direction:column;width:100%;padding:20px 0;display:none;position:absolute;top:70px;left:0}.links.active{display:flex}.links a{padding:20px}.contact{width:auto}}.hero-btns{justify-content:center;gap:100px;padding-top:20px;display:flex}.primary-btn{color:#fff;background-color:#4e6efd;border:0 solid;border-radius:30px;padding:20px 50px;font-size:1.3rem;font-weight:700;text-decoration:none;box-shadow:0 0 10px #4ea5fd}.primary-btn:hover{cursor:pointer;background-color:#4c62c5}#hero{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:80vh;padding-top:200px;display:flex}#hero h1{background:linear-gradient(90deg,#fff,#6e88ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:4rem}#hero p{color:#ffffffb3;max-width:800px;margin-bottom:30px;font-size:1.5rem}.secondary-btn{color:#fff;background-color:#0000;border:1px solid #4ea5fd;border-radius:30px;padding:20px 40px;font-size:1.2rem;text-decoration:none}.secondary-btn:hover{cursor:pointer;box-shadow:0 0 10px #4ea5fd}@media (width<=768px){#hero{min-height:auto;padding-top:100px;padding-bottom:50px}#hero h1{padding:0 20px;font-size:2.5rem}#hero p{padding:0 20px;font-size:1.1rem}.hero-btns{flex-direction:column;gap:20px;width:100%;padding:20px 40px 0}.primary-btn,.secondary-btn{width:100%}}.skills-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.skills-section{max-width:1500px;margin:0 auto;padding:120px 20px}.skill-card{background-color:#0b162c;border:1px solid #ffffff1a;border-radius:18px;padding:30px}.skill-card:hover{border:1px solid #4ea5fdb3;transition:all .3s;transform:translateY(-10px)}.skill-card h3{color:#4ea5fd;padding-bottom:7px;font-size:1.2rem}.skill-card p{color:#ffffffb3;font-size:1rem}.section-title{text-align:center;color:#fff;background:linear-gradient(90deg,#fff,#a3b4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:50px;font-size:2.5rem}@media (width<=768px){.skills-grid{grid-template-columns:1fr}.skills-section{padding:80px 20px}.section-title{margin-bottom:40px;font-size:2rem}}.projects-section{max-width:1500px;margin:0 auto;padding:120px 20px}.projects-grid{grid-template-columns:repeat(2,3fr);gap:60px;padding:30px;display:grid}.project-card{background-color:#0b162c;border:1px solid #ffffff1a;border-radius:18px;padding:20px}.project-link{color:#fff;background-color:#0000;border:1px solid #4ea5fd80;border-radius:18px;padding:10px 20px;text-decoration:none;display:inline-block}.project-link:hover{color:#fff;background-color:#4ea5fd;transition:all .3s;box-shadow:0 0 10px #4ea5fd}.project-card h3{color:#4ea5fd;margin-bottom:7px;font-size:1.2rem}.project-card p{color:#ffffffb3;margin-bottom:15px;font-size:1rem}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:30px;padding:0}.projects-section{padding:80px 20px}}.about-section{text-align:center;max-width:1000px;margin:0 auto;padding:120px 20px}.about-content p{color:#fffc;margin-bottom:10px;font-size:1.2rem;line-height:1.8}@media (width<=768px){.about-section{padding:80px 20px}.about-content p{font-size:1rem}}.footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:70px;padding-top:40px}.footer-content h3{color:#fff;margin-bottom:20px;font-size:1.8rem}.social-links{justify-content:center;gap:40px;margin-bottom:20px;display:flex}.social-links a{color:#ffffffb3;font-size:1.1rem;text-decoration:none}.social-links a:hover{color:#4ea5fd;transition:all .3s}.copyright{margin-bottom:10px;color:#ffffff4d!important;font-size:.9rem!important}@media (width<=768px){.footer{margin-top:50px}.social-links{gap:20px}}