@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:wght@300;400;500;600;700&display=swap";.navbar{border-bottom:.5px solid var(--border-primary);z-index:100;background:var(--bg-primary);justify-content:space-between;align-items:stretch;width:100%;padding:10px 20px;position:fixed;top:0;left:0}.navbar .tabs-group .tab{color:var(--muted-foreground);transition:var(--transition);cursor:pointer;border:.5px solid #0000;border-radius:10px;padding:5px 15px}.navbar .tabs-group .tab:hover{color:var(--foreground);text-shadow:0px 0px 5px var(--primary-accent)}.navbar .tabs-group .tab.active{color:var(--foreground);border-color:var(--border-primary);background:var(--bg-accent)}.navbar .button{gap:20px}.navbar .menu-btn,.navbar .cancel-btn{display:none}.navbar .cancel-btn{position:absolute;top:15px;right:20px}.overlay{z-index:110;background:#01010180;width:100vw;height:100vh;min-height:100vh;position:fixed;top:0;left:0}@media (width<=1210px){.navbar .handles-container{display:none}}@media (width<=1050px){.navbar .services-btn{display:none}}@media (width<=930px){.navbar .sidebar{z-index:150;background:var(--bg-primary);width:100%;max-width:320px;height:100%;min-height:100vh;transition:var(--transition);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:50px 20px 20px;position:fixed;top:0;left:-100%}.navbar .sidebar.visible{left:0}.navbar .menu-btn,.navbar .cancel-btn{display:flex}}@media (width<=400px){.navbar .contact-btn{display:none}}.logo{cursor:pointer;align-items:center;gap:10px;display:flex}.logo .icon{color:var(--primary-accent);font-size:35px}.logo .logo-text{font-size:27px;font-weight:700}.logo .logo-text:hover{transition:var(--transition);text-shadow:0px 0px 5px var(--primary-accent)}.handles-container{align-items:center;gap:10px;display:flex}#hero{position:relative;overflow:hidden}.hero-image img{aspect-ratio:1;object-fit:cover;border:3px solid var(--primary);width:75%;box-shadow:0 0 0 8px color-mix(in srgb, var(--primary) 15%, transparent);border-radius:50%;margin:0 auto;display:block}:root{--primary:#4d74d4}.hero{position:relative;overflow:hidden}.wave-separator{transform-origin:bottom;z-index:1;background-color:var(--primary-accent);width:110%;height:150px;line-height:0;bottom:0;left:0;overflow:hidden;transform:rotate(180deg)}.wave-separator svg{width:100%;transition:transform .1s ease-out;bottom:0;left:0}@media (width<=768px){.wave-separator{height:100px}}.buttons-wrapper{margin-top:30px}.btn.primary,.btn:hover{background-color:var(--primary);color:#fff}#hero .info-container{grid-template-columns:auto 500px;align-items:center;gap:20px;padding:120px 0 70px;display:grid}#hero .heading-1,#hero .sub-title{text-align:left}#hero .wrapper .buttons-wrapper{justify-content:flex-start;margin-top:40px}@media (width<=1050px){#hero .info-container{text-align:center;grid-template-columns:100%}#hero .info-container .buttons-wrapper{justify-content:center}}.about-container{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;padding:20px;display:flex}.sub-title{text-align:justify;margin-bottom:10px;font-size:1.2rem;line-height:1.6}.highlight{color:var(--primary);font-weight:700}.experience-container{grid-template-columns:1.4fr 1fr;align-items:start;gap:24px;margin-top:40px;display:grid}.experience-list-column{flex-direction:column;gap:24px;display:flex}.experience-card,.education-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:30px;transition:border-color .4s}.experience-card:hover,.education-card:hover{border-color:var(--primary)}.experience-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.experience-role{margin-bottom:4px;font-size:1.1rem}.experience-company{color:var(--primary);font-weight:600}.experience-period{white-space:nowrap;font-size:14px}.experience-location{margin-bottom:6px;font-size:13px}.experience-focus{margin-bottom:16px;font-size:14px}.experience-list{flex-direction:column;gap:10px;font-size:14px;list-style:none;display:flex}.experience-list li{color:var(--foreground);padding-left:18px;position:relative}.experience-list li:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.education-list{flex-direction:column;gap:18px;list-style:none;display:flex}.education-course{margin-bottom:4px;font-weight:600;display:block}.education-list li:not(:last-child){border-bottom:1px solid var(--border-primary);padding-bottom:18px}@media (width<=900px){.experience-container{grid-template-columns:1fr}}.skill-container{grid-template-columns:repeat(2,1fr);gap:40px;margin-top:40px;display:grid}.skill-category-title{color:var(--primary);margin-bottom:20px;font-size:1.2rem}.skill-list{flex-direction:column;gap:16px;display:flex}.skill-item-header{justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.skill-bar{background:var(--bg-muted);border-radius:10px;width:100%;height:8px;overflow:hidden}.skill-bar-fill{background:var(--gradient-1);height:100%;transition:var(--transition);border-radius:10px}@media (width<=900px){.skill-container{grid-template-columns:1fr}}.services-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:40px;display:grid}.service-card{background:var(--bg-secondary);border:1px solid var(--border-primary);transition:var(--transition);border-radius:16px;padding:30px;position:relative;overflow:hidden}.service-card:hover{border-color:var(--primary);transform:translateY(-6px)}.service-card:before{content:"";z-index:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--primary) 20%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.service-card:hover:before{opacity:1}.service-card>*{z-index:1;position:relative}.service-icon{margin-bottom:20px;font-size:24px}.service-name{margin-bottom:12px;font-size:1.1rem}.service-description{font-size:14px;line-height:1.6}.projects-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px;display:grid}.project-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;transition:border-color .4s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--primary)}.project-card:before{content:"";z-index:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--primary) 20%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-card-inner{z-index:1;transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--tilt-scale,1));transition:transform .4s;position:relative}.project-image{height:200px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-category{background:var(--primary);color:var(--bg-primary);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:14px;right:14px}.project-content{padding:24px}.project-title{margin-bottom:10px;font-size:1.15rem}.project-description{margin-bottom:18px;font-size:14px;line-height:1.6}.project-stack{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.project-stack .icon-wrapper{font-size:16px}.project-link{text-align:center;width:100%;display:inline-block}.contact-container{grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;display:grid}.contact-options{flex-direction:column;gap:24px;display:flex}.contact-option{align-items:center;gap:16px;display:flex}.contact-option-title{margin-bottom:4px;font-size:13px}.contact-socials{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:30px;display:flex}.contact-socials-icons{flex-wrap:wrap}@media (width<=900px){.contact-container{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border-primary);margin-top:20px}.footer-container{grid-template-columns:1.2fr 2fr;gap:40px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-brand p{font-size:14px;line-height:1.6}.footer-socials{flex-wrap:wrap}.footer-columns{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.footer-column-title{margin-bottom:16px;font-size:1rem}.footer-routes{flex-direction:column;gap:10px;display:flex}.footer-route{color:var(--muted-foreground);transition:var(--transition);cursor:pointer;font-size:14px}.footer-route:hover{color:var(--primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border-primary);padding:20px}.footer-bottom p{font-size:13px}@media (width<=900px){.footer-container{grid-template-columns:1fr}.footer-columns{grid-template-columns:repeat(2,1fr)}}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;opacity:0;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--primary);width:8px;height:8px}.cursor-ring{border:1.5px solid var(--primary);width:36px;height:36px;transition:width .25s,height .25s,background-color .25s}.cursor-ring--active{background:color-mix(in srgb, var(--primary) 15%, transparent);width:56px;height:56px}:root{--bg-primary:#070d06;--bg-secondary:#1c2f1a;--bg-accent:#091807;--bg-muted:#243b21;--foreground:#f8f9f8;--muted-foreground:#869285;--border-primary:#243b21;--border-secondary:#101530;--primary:#c2b434;--primary-accent:#a09003;--gradient-1:linear-gradient(to right, var(--primary) 0%, var(--primary-accent) 100%);--gradient-2:linear-gradient(to right, var(--primary) 0%, #e1e3e1 100%);--gradient-3:linear-gradient(190deg,var(--primary) 0%,#12524e80 100%);--destructive:#7f1d1d;--warning:orange;--transition:all .4s ease;--glow:radial-gradient(#52c2341a 0%, #070d0680)}*{box-sizing:border-box;border:0;outline:0;margin:0;padding:0;text-decoration:none}body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}html,body{color:var(--foreground);background-color:var(--bg-primary);scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-primary);min-height:100vh;font-family:Poppins,sans-serif;overflow-y:auto}body{max-width:1800px;margin:auto}p{font-size:15px;line-height:20px}a{color:var(--foreground);text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:500}img{object-fit:cover;width:100%;min-height:100%;display:block}.heading-1{text-align:center;margin:20px 0;font-size:60px;font-weight:700;line-height:70px}.sub-title{text-align:center;font-size:20px}.gradient-text{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted-foreground)}.wrapper{width:100%;max-width:1150px;margin:auto;padding:70px 20px}.section-header{width:100%;max-width:800px;margin:auto}.flex{gap:20px;display:flex}.flex-center{justify-content:center;align-items:center;gap:10px;display:flex}.icon-wrapper{background:var(--bg-muted);width:2.7rem;min-width:2.7rem;max-width:2.7rem;height:2.7rem;min-height:2.7rem;max-height:2.7rem;color:var(--muted-foreground);transition:var(--transition);border-radius:100%;font-size:20px}.icon-wrapper:hover{background:var(--primary);color:var(--foreground)}.btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--foreground);cursor:pointer;border-radius:10px;padding:10px 20px}.btn.primary{background:var(--gradient-1);border:none}@media (width<=900px){.wrapper{padding:40px 20px}.heading-1{font-size:45px;line-height:50px}.sub-title{font-size:18px}}@media (width<=600px){.heading-1{font-size:25px;line-height:30px}.sub-title{font-size:14px}}