@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";.skills-section{padding:5rem 0;color:#fff;text-align:center;min-height:100vh;display:flex;align-items:center}.skills-section .container{display:flex;flex-direction:column;align-items:center;width:100%}.skills-section .section-title{font-size:3rem;margin-bottom:4rem;font-weight:600;color:var(--accent-color)}.honeycomb-container{width:100%;max-width:1100px;margin:0 auto;padding:2rem 1rem}.honeycomb{display:flex;flex-wrap:wrap;width:100%;margin:0 auto;padding:0;position:relative}.hex-wrapper{width:135px;height:135px;position:relative;margin:2px 2px -32px}.hex-wrapper:nth-child(14n+1),.hex-wrapper:nth-child(14n+2),.hex-wrapper:nth-child(14n+3),.hex-wrapper:nth-child(14n+4),.hex-wrapper:nth-child(14n+5),.hex-wrapper:nth-child(14n+6),.hex-wrapper:nth-child(14n+7){margin-left:2px}.hex-wrapper:nth-child(14n+8){margin-left:71.5px}.hex-wrapper:nth-child(14n+9),.hex-wrapper:nth-child(14n+10),.hex-wrapper:nth-child(14n+11),.hex-wrapper:nth-child(14n+12),.hex-wrapper:nth-child(14n+13),.hex-wrapper:nth-child(14n+14){margin-left:2px}.hex{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#232328eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.hex:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .3s ease}.hex:hover{background:#282832;border-color:var(--accent-color);transform:scale(1.08);box-shadow:0 0 25px rgba(var(--accent-rgb, 138, 43, 226),.4),inset 0 0 20px #ffffff0d;z-index:10}.hex:hover:before{opacity:1}.hex-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.8rem}.skill-icon{font-size:2.3rem;color:#888;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.hex:hover .skill-icon{color:var(--accent-color);transform:scale(1.1);filter:drop-shadow(0 0 15px var(--accent-color))}.skill-name{font-size:.7rem;color:#ccc;font-weight:500;text-align:center;letter-spacing:.3px;line-height:1.2;transition:color .3s ease}.hex:hover .skill-name{color:#fff}@media(max-width:1200px){.honeycomb-container{max-width:900px}.hex-wrapper{width:110px;height:110px;margin:2px 2px -28px}.hex-wrapper:nth-child(14n+8){margin-left:58px}.skill-icon{font-size:2rem}.skill-name{font-size:.7rem}}@media(max-width:900px){.honeycomb-container{max-width:650px}.hex-wrapper{width:90px;height:90px;margin:2px 2px -23px}.hex-wrapper:nth-child(10n+1),.hex-wrapper:nth-child(10n+2),.hex-wrapper:nth-child(10n+3),.hex-wrapper:nth-child(10n+4),.hex-wrapper:nth-child(10n+5){margin-left:2px}.hex-wrapper:nth-child(10n+6){margin-left:48px}.hex-wrapper:nth-child(10n+7),.hex-wrapper:nth-child(10n+8),.hex-wrapper:nth-child(10n+9),.hex-wrapper:nth-child(10n+10){margin-left:2px}.skill-icon{font-size:1.8rem}.skill-name{font-size:.65rem}}@media(max-width:600px){.skills-section .section-title{font-size:2.2rem;margin-bottom:2rem}.honeycomb-container{max-width:100%;padding:0}.honeycomb{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:0 .5rem}.hex-wrapper{width:100%!important;height:auto!important;margin:0!important;position:relative}.hex-wrapper:nth-child(n){margin-left:0!important}.hex{position:relative;clip-path:none;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);aspect-ratio:1}.hex:before{clip-path:none;border-radius:12px}.hex:hover{transform:scale(1.03);background:#ffffff12;box-shadow:0 4px 20px #0000004d}.hex-inner{padding:1rem .5rem;gap:.5rem}.skill-icon{font-size:1.6rem}.skill-name{font-size:.7rem;letter-spacing:.5px}}@media(max-width:400px){.skills-section .section-title{font-size:1.8rem}.honeycomb{grid-template-columns:repeat(3,1fr);gap:.5rem}.hex-inner{padding:.8rem .4rem;gap:.3rem}.skill-icon{font-size:1.4rem}.skill-name{font-size:.6rem}}.app-container{position:relative;width:100%;min-height:100vh}main{position:relative;z-index:10}:root{--bg-color: #0a0a0a;--text-color: #e0e0e0;--accent-color: #ffffff;--secondary-color: #888888;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:transparent;color:var(--text-color);font-family:"Outfit",var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;opacity:.05;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAGFBMVEUAAAA5OTkAAABMTExERERmZmYzMzMyMjJ4D30DAAAAB3RSTlMAn5+fn5+fA9Fj0AAAQFJREFUOMtjYKAO4GxgYI7///8Dwv///90A4f///2eA8P///98A4f///2cA8f///90A4f///2eA8P///98A4QAAhG+M/64/c7EAAAAASUVORK5CYII=)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{color:var(--accent-color);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}section{padding:100px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}@media(pointer:coarse){html,body{cursor:auto}}@media(max-width:768px){.container{padding:0 1.5rem}section{padding:60px 0;min-height:auto}.hero-section .profile-img-wrapper{width:150px!important;height:150px!important;margin-bottom:2rem!important}.hero-section .hero-name{margin-bottom:1.5rem!important}.hero-section .hero-subtitle{letter-spacing:.1em!important}.experience-section .section-title,.projects-section .section-title{font-size:2.2rem!important;margin-bottom:2.5rem!important}.experience-card{padding:1.8rem!important}.experience-card .card-header{flex-direction:column!important;gap:.8rem}.experience-card .company-name{font-size:1.4rem!important}.experience-card .role-name{font-size:1rem!important}.experience-card .period-badge{align-self:flex-start;font-size:.8rem!important}.experience-card .detail-link{font-size:.8rem!important;word-break:break-all}.education-section .edu-heading{font-size:2rem!important}.education-section .edu-degree{font-size:1.2rem!important}.projects-grid{grid-template-columns:1fr!important}.project-card{padding:1.8rem!important}.project-card .project-title{font-size:1.5rem!important}.project-card .project-desc{font-size:1rem!important}.contact-section .contact-heading{font-size:2.2rem!important}.contact-section .contact-subtitle{font-size:1rem!important}.contact-section .contact-email{font-size:1.2rem!important}.contact-section .contact-phone{font-size:1rem!important}footer{font-size:.8rem!important}.preloader-text{font-size:1.5rem!important}}@media(max-width:480px){.container{padding:0 1rem}section{padding:40px 0}.hero-section .profile-img-wrapper{width:120px!important;height:120px!important;margin-bottom:1.5rem!important}.hero-section .hero-name{margin-bottom:1rem!important}.hero-section .hero-subtitle{font-size:.85rem!important;letter-spacing:.08em!important}.hero-section .hero-desc{font-size:.9rem!important}.experience-section .section-title,.projects-section .section-title{font-size:1.8rem!important;margin-bottom:2rem!important}.experience-grid{grid-template-columns:1fr!important}.experience-card{padding:1.5rem!important}.experience-card .company-name{font-size:1.2rem!important}.experience-card .detail-text{font-size:.9rem!important}.education-section .edu-heading{font-size:1.6rem!important;margin-bottom:1.5rem!important}.education-section .edu-degree{font-size:1.1rem!important}.education-section .edu-container{gap:2rem!important}.education-section .lang-item{font-size:1rem!important}.project-card{padding:1.5rem!important}.project-card .project-title{font-size:1.3rem!important}.project-card .project-desc{font-size:.9rem!important;margin-bottom:1.5rem!important}.project-card .project-tag{font-size:.75rem!important;padding:.3rem .8rem!important}.contact-section .contact-heading{font-size:1.8rem!important;margin-bottom:1.5rem!important}.contact-section .contact-subtitle{font-size:.9rem!important;margin-bottom:2rem!important}.contact-section .contact-email{font-size:1rem!important;word-break:break-all}.contact-section .contact-phone{font-size:.9rem!important}.preloader-text{font-size:1.2rem!important;letter-spacing:.1em!important}}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.nav-toggle span{display:block;width:24px;height:2px;background:var(--accent-color);margin:5px 0;transition:all .3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.nav-toggle{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column!important;padding:5rem 2rem 2rem!important;gap:.5rem!important;transition:right .3s ease;border-left:1px solid rgba(255,255,255,.1)}.nav-menu.open{right:0}.nav-menu li button{font-size:1rem!important;padding:.8rem 1rem!important;width:100%;text-align:left}.navbar{padding:.6rem 1.2rem!important;gap:0!important;justify-content:space-between;width:calc(100% - 2rem)!important;max-width:none!important}.navbar .nav-logo{font-size:1.2rem!important}}
