@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&family=Inter:wght@400;700&display=swap";:root,body[data-theme=dark]{--color-bg: #0A0A0A;--color-text: #EAEAEA;--color-primary: #4DFFFF;--color-secondary-text: #888888;--color-glass-bg: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--color-card-bg: #1a1a1a;--color-heading-shadow: 0 0 8px rgba(77, 255, 255, .4)}body[data-theme=light]{--color-bg: #F4F4F4;--color-text: #333333;--color-primary: #007BFF;--color-secondary-text: #555555;--color-glass-bg: rgba(255, 255, 255, .8);--color-glass-border: rgba(0, 0, 0, .1);--color-card-bg: #FFFFFF;--color-heading-shadow: none}@media screen and (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}section{padding:4rem 0}.container{padding:0 1rem}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.7;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-family:Chakra Petch,sans-serif;font-weight:700;color:var(--color-primary);text-shadow:var(--color-heading-shadow)}h1{font-size:3.5rem;line-height:1.2}h2{font-size:2.5rem;margin-bottom:3rem}h3{font-size:1.5rem}section{padding:6rem 0;border-bottom:1px solid var(--color-glass-border);position:relative}.cta-button{color:var(--color-primary);border:2px solid var(--color-primary);border-radius:12px;padding:.75rem 1.5rem;font-weight:700;transition:all .3s ease}.glass-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:12px;transition:all .3s ease}a{color:var(--color-primary);text-decoration:none;transition:all .3s ease}a:hover{filter:brightness(1.2)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#fff}.loader-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.glitch-wrapper{position:relative;font-family:Chakra Petch,sans-serif;font-size:6rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem}.glitch{position:relative;text-shadow:0 0 10px var(--color-primary)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg);overflow:hidden}.glitch:before{left:3px;text-shadow:-2px 0 red;animation:glitch-anim-1 2s linear infinite reverse}.glitch:after{left:-3px;text-shadow:-2px 0 blue;animation:glitch-anim-2 2s linear infinite reverse}@keyframes glitch-anim-1{0%{clip-path:inset(45% 0 56% 0)}25%{clip-path:inset(54% 0 7% 0)}50%{clip-path:inset(93% 0 2% 0)}75%{clip-path:inset(34% 0 54% 0)}to{clip-path:inset(5% 0 85% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(76% 0 10% 0)}25%{clip-path:inset(4% 0 94% 0)}50%{clip-path:inset(73% 0 11% 0)}75%{clip-path:inset(89% 0 6% 0)}to{clip-path:inset(67% 0 15% 0)}}.loading-text{font-family:Source Code Pro,monospace;color:var(--color-secondary-text);font-size:1rem}.navbar{position:fixed;top:2rem;left:50%;transform:translate(-50%);width:90%;max-width:1200px;padding:1rem 2rem;z-index:100;transition:all .3s ease-in-out}.navbar.sticky{top:0;width:100%;max-width:none;border-radius:0;background:var(--color-glass-bg)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Chakra Petch,sans-serif;font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links li{display:flex;align-items:center}.nav-links a{font-family:Chakra Petch,sans-serif;font-size:1rem}.mobile-menu-icon{display:none;font-size:1.8rem;cursor:pointer;z-index:1001;color:var(--color-primary)}.theme-toggle-button{background:none;border:none;color:var(--color-primary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color .3s ease}.theme-toggle-button:hover{color:var(--color-text)}.theme-toggle-button.mobile{font-size:2rem;margin-top:1rem}.theme-toggle-li{display:flex;align-items:center}.mobile-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:var(--color-bg);box-shadow:-10px 0 20px #0000004d;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .5s cubic-bezier(.77,0,.175,1);z-index:1000}.mobile-menu.open{right:0}.nav-links-mobile{list-style:none;text-align:center}.nav-links-mobile li{margin:2rem 0}.nav-links-mobile a{font-family:Chakra Petch,sans-serif;font-size:1.5rem}@media screen and (max-width: 768px){.desktop-menu{display:none}.mobile-menu-icon{display:block}.navbar{width:100%;top:0;border-radius:0;padding:1rem;background:#0a0a0ab3}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:8rem;border-bottom:1px solid var(--color-glass-border)}.hero-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero-text h1 .highlight{color:var(--color-text)}.hero-text h2{font-family:Inter,sans-serif;font-size:1.5rem;color:var(--color-secondary-text);margin:1rem 0 1.5rem;height:2rem}.hero-text p{margin-bottom:2rem;max-width:500px}.cta-button{display:inline-block;padding:.8rem 2rem;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:1rem}.cta-button:hover{border-color:var(--color-primary);box-shadow:0 0 15px #4dffff66}.hero-avatar{display:flex;justify-content:center;align-items:center}.hexagon-container{width:300px;height:346.4px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:relative;transition:all .3s ease}.hexagon-container:before{content:"";position:absolute;inset:-3px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--color-primary);z-index:-1;transition:all .3s ease;filter:blur(5px)}.hexagon-container:hover{transform:scale(1.05)}.hexagon-container:hover:before{filter:blur(10px) brightness(1.2)}.hexagon-container img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 768px){.hero-section{min-height:auto;padding-top:6rem;padding-bottom:4rem}.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-text{order:2}.hero-avatar{order:1}.hero-text p{margin-left:auto;margin-right:auto}.hexagon-container{width:250px;height:288.675px}}.about-container{display:grid;grid-template-columns:3fr 2fr;gap:4rem;align-items:flex-start}.section-number{color:var(--color-secondary-text)}.about-right-column{display:flex;flex-direction:column;gap:3rem}.about-content p{margin-bottom:1rem}.about-stack h3{margin-bottom:1.5rem}.stack-pills{display:flex;flex-wrap:wrap;gap:.75rem}.pill{padding:.5rem 1rem;font-size:.9rem;font-family:Chakra Petch}.pill:hover{border-color:var(--color-primary)}@media screen and (max-width: 768px){.about-container{grid-template-columns:1fr;gap:3rem}.about-content,.about-stack{text-align:center}}.timeline-container{position:relative;border-left:2px solid var(--color-glass-border);padding:1rem 0 1rem 2rem;margin-left:1rem}.timeline-item{position:relative;margin-bottom:2.5rem}.timeline-item:last-child{margin-bottom:0}.timeline-node{position:absolute;top:5px;width:12px;height:12px;background-color:var(--color-primary);border-radius:50%;border:2px solid var(--color-bg);box-shadow:0 0 10px var(--color-primary);transition:all .3s ease}.left-sedikit{left:-39px}.timeline-item:hover .timeline-node{transform:scale(1.3);box-shadow:0 0 15px var(--color-primary)}.timeline-year{font-family:Source Code Pro,monospace;font-size:.85rem;color:var(--color-secondary-text);margin-bottom:.25rem}.timeline-title{font-family:Chakra Petch,sans-serif;font-size:1.1rem;font-weight:700;color:var(--color-text);text-shadow:none;margin:0}.timeline-company{font-size:.9rem;color:var(--color-primary)}.timeline-description{font-size:.8rem;color:var(--color-secondary-text);margin-top:.5rem}#skills{padding:4rem 2rem;text-align:center;background-color:var(--color-bg)}#skills h2{margin-bottom:2rem;font-size:2.5rem}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.skill-item{display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.skill-item:hover{transform:scale(1.1)}.skill-item p{margin-top:.5rem;font-size:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{overflow:hidden;display:flex;flex-direction:column}.project-card:hover{border-color:var(--color-primary)}.project-image{position:relative;overflow:hidden}.project-image img,.project-image video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;will-change:transform}.project-card:hover .project-image img{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(10,10,10,.9),transparent);display:flex;align-items:flex-end;padding:1rem;opacity:0;transition:opacity .3s ease}.project-card:hover .image-overlay{opacity:1}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-description{font-size:.95rem;color:var(--color-secondary-text);flex-grow:1}.project-tech{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0;font-family:Chakra Petch;font-size:.8rem}.project-links{display:flex;gap:1rem;font-size:1.5rem;margin-top:auto}@media screen and (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--color-card-bg);padding:2rem;border-radius:8px;max-width:700px;width:90%;position:relative;color:var(--color-text);max-height:90vh;overflow-y:auto}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text)}.modal-image{width:100%;max-height:300px;object-fit:contain;border-radius:4px;margin-bottom:1rem}.technologies{margin:1rem 0}.modal-links a{margin-right:1rem;color:var(--color-primary);text-decoration:none}.modal-links a:hover{text-decoration:underline}.certificates-list{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.certificate-item{display:flex;align-items:center;padding:1.5rem;text-decoration:none;color:var(--color-text);border-left:4px solid transparent;transition:all .3s ease}.certificate-item:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 10px 20px #0003}.cert-icon{font-size:2.5rem;color:var(--color-primary);margin-right:1.5rem}.cert-details h3{font-size:1.25rem;color:var(--color-text);text-shadow:none;margin-bottom:.25rem}.cert-details .cert-issuer{font-size:.9rem;color:var(--color-secondary-text)}@media screen and (max-width: 768px){.certificate-item{padding:1rem}.cert-icon{font-size:2rem;margin-right:1rem}.cert-details h3{font-size:1rem}}.contact-container{text-align:center;max-width:700px}.contact-subtitle{margin-bottom:3rem;color:var(--color-secondary-text)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--color-secondary-text);color:var(--color-text);padding:.75rem 0;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s ease}.form-group textarea{resize:vertical}.form-group label{position:absolute;top:.75rem;left:0;color:var(--color-secondary-text);transition:all .3s ease;pointer-events:none}.form-group input:focus,.form-group input:valid,.form-group textarea:focus,.form-group textarea:valid{outline:none;border-bottom-color:var(--color-primary)}.form-group input:focus+label,.form-group input:valid+label,.form-group textarea:focus+label,.form-group textarea:valid+label{top:-1.2rem;font-size:.8rem;color:var(--color-primary)}