:root{--color-primary: #0A0A0A;--color-secondary: #32CD32;--color-accent-start: var(--color-primary);--color-accent-end: var(--color-secondary);--accent-gradient: linear-gradient(to right, var(--color-accent-start), var(--color-accent-end));--black: #000000;--white: #ffffff;--muted-track: #dbdbdb;--header-bg: rgba(0, 0, 0, .8);--header-backdrop-blur: 8px;--text-light: var(--white);--text-dark: var(--black);--muted-text: rgba(0, 0, 0, .6);--border-color: var(--black);--scroll-thumb-gradient: linear-gradient(to bottom, var(--color-primary), var(--color-secondary))}*{box-sizing:border-box;margin:0;padding:0;font-family:poppins,sans-serif;scroll-behavior:smooth;text-decoration:none;list-style:none}header{height:fit-content;position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:5rem;background-color:var(--header-bg);-webkit-backdrop-filter:blur(var(--header-backdrop-blur));backdrop-filter:blur(var(--header-backdrop-blur));color:var(--text-light);padding:.5rem 1.5rem;border-radius:3rem;z-index:1000;max-width:calc(100% - 1rem)}.logo{color:var(--text-light);font-size:1.3rem;font-weight:600;text-wrap:nowrap;transition:.3s ease-in-out}.logo:hover{transform:scale(1)}.nav-links{display:flex;gap:2rem}li a{position:relative;color:var(--text-light);font-weight:300}li a:before{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;top:25px;background-image:var(--accent-gradient);transition:.3s ease-in-out;background-repeat:no-repeat}li a:hover:before{width:100%}.visit-btn{padding:.8rem 1.5rem;color:var(--text-light);border-radius:3rem;font-weight:500;transition:.3s ease-in-out;border:none;text-wrap:nowrap;background:var(--accent-gradient)}.visit-btn:hover{background:linear-gradient(to right,var(--color-secondary),var(--color-primary));transform:scale(1.03)}#menu-icon{font-size:2rem;display:none}section{min-height:100vh;padding:8rem 12%;width:100%;position:relative}.about .about-container{display:flex;align-items:center;justify-content:center;gap:10rem}.about{display:flex;align-items:center;justify-content:center}.about img{width:30vw;border-radius:50%}.info-box{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:1.5rem}.info-box h3{font-size:1.8rem;font-weight:500;opacity:.8}.info-box h1{font-size:4rem}.info-box span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2rem}.btn-group{display:flex;gap:1rem}.btn{border-radius:3rem;padding:.5rem 1.5rem;border:2px solid var(--border-color);cursor:pointer;font-weight:500;text-wrap:nowrap;transition:.2s ease-in}.btn a{text-decoration:none;color:var(--text-dark)}.btn a:hover{color:inherit}.socials{display:flex;gap:2rem}.socials a .icon{color:var(--text-dark);font-size:2.5rem;cursor:pointer;transition:.2s ease-in-out}.socials .icon:hover{transform:scale(1.2);color:var(--color-primary)}.section-title{text-align:center;font-size:4rem;font-weight:600;margin-bottom:3rem}.experience-info{display:flex;align-items:center;justify-content:center;gap:5rem}.experience img{width:24vw;border-radius:3rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-card{border:2px solid var(--border-color);border-radius:3rem;padding:3rem;display:flex;gap:5px;flex-direction:column;align-items:baseline;justify-content:left;cursor:pointer;transition:.2s ease-in-out}.grid-card:hover{background-color:var(--black);color:var(--white);transform:scale(1.05)}.grid-card .icon{font-size:1.5rem;margin-bottom:1rem}.grid-card span{font-size:1.2rem;font-weight:500;color:var(--color-secondary)}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:var(--muted-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb-gradient)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;border:2px solid var(--border-color);border-radius:3rem;cursor:pointer;transition:.3s ease-in-out}.project-card:hover{background-color:var(--black);color:var(--white);transform:translateY(10px) scale(1.02)}.project-card img{width:20vw;border-radius:1rem}.project-card:hover .btn{border:2px solid var(--white)}.project-card:hover .btn a{color:var(--white)}.project-card:hover .btn:hover{border:2px solid var(--white);background-color:var(--white)}.project-card:hover .btn:hover a{color:var(--black)}.project-card h3{font-size:2rem;font-weight:500}.input-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;margin-top:3rem}.input-box p{border-radius:3rem;border:2px solid var(--border-color);padding:2rem 8rem;font-size:3rem}.input{position:relative}.input .icon{position:absolute;font-size:4rem;top:50%;left:10px;transform:translate(50%,-50%)}footer{bottom:0;left:0;height:10rem;width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}footer ul{display:flex;align-items:center;gap:3rem}footer ul li a{color:var(--text-dark);font-weight:600}.copyright{font-weight:300;margin-top:2rem}@media(max-width:1280px){header{padding:1rem 2rem;gap:2rem}.about .about-container{gap:3rem}.experience-info{flex-direction:column}.info-box .input{padding:2rem 5rem;font-size:2.5rem}.input input p{font-size:2.3rem}.input-box .icon{font-size:2.5rem}}@media(max-width:768px){header{gap:1rem;padding:1rem}.about-container{flex-direction:column}header .logo{font-size:1rem}header .visit-btn{display:none}.input-box p{padding:1rem 2rem;font-size:1.5rem}.input-box .icon{display:none}.grid{grid-template-columns:repeat(1,1fr)}.experience-info img{width:70vw}}@media(max-width:600px){header #menu-icon{display:block}.nav-links{position:absolute;top:100%;margin-top:1rem;width:90vw;left:50%;transform:translate(-50%);padding:1rem;color:var(--text-light);display:flex;flex-direction:column;text-align:center;background:#0c0404e6;border-radius:3rem;display:none}.nav-links li{margin-top:1.5rem;padding:1rem}.nav-links.active{display:flex}header{padding:1rem 5rem;justify-content:space-between;gap:5}header .logo{font-size:1.5rem}.about-container img{width:80vw}.input-box p{padding:.5rem 3rem;font-size:1rem}footer ul{gap:1rem}}