:root{--bg-darkest: #0a0a0a;--bg-dark: #111111;--bg-card: #18181B;--text-primary: #EAEAEA;--text-secondary: #A0A0A0;--accent: #9333ea;--accent-dark: #7e22ce;--glow-color: rgba(147, 51, 234, .25);--border-color: rgba(255, 255, 255, .1);--border-radius-md: 12px;--border-radius-sm: 8px;--transition-fast: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}#background-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1}body{font-family:Poppins,sans-serif;background:linear-gradient(300deg,var(--bg-darkest),#0a0211,var(--bg-darkest));background-size:200% 200%;animation:gradient-animation 25s ease infinite;color:var(--text-primary);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{color:inherit;text-decoration:none}ul{list-style:none}header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 5%;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#0a0211bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);transition:top .3s ease-in-out}nav ul{display:flex;gap:2rem}nav a{font-weight:500;font-size:.95rem;color:var(--text-secondary);transition:var(--transition-fast);position:relative}nav a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background-color:var(--text-primary);transition:width .3s ease}nav a:hover:after{width:100%}nav a:hover{color:var(--text-primary)}.mobile-menu{display:none}@media (max-width: 768px){nav ul{display:none}.mobile-menu{display:block}}.hero{display:flex;justify-content:space-between;align-items:center;padding:3rem 5%;min-height:100vh}.hero-text{max-width:50%}.hero-text h1{font-size:2.5rem;font-weight:500;margin-bottom:.5rem}.wave{display:inline-block;animation:wave-animation 2.5s infinite;transform-origin:70% 70%}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.accent-text{color:var(--accent);font-weight:700}.hero-text .name{font-family:Special Elite,monospace;font-size:4.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:1rem;display:inline-block;overflow:hidden;border-right:.15em solid var(--accent);white-space:nowrap;letter-spacing:.1em;width:0;animation:blink-caret .75s step-end infinite}.hero-text .name.animate{animation:typing 3s steps(12,end) forwards,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent)}}.hero-text p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7;max-width:600px}.hero-buttons{display:flex;align-items:center;gap:1rem}.btn.resume-btn{background:var(--accent);padding:.8rem 1.8rem;border-radius:var(--border-radius-sm);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition-fast);border:none;cursor:pointer;color:#fff}.btn.resume-btn:hover{transform:translateY(-3px);background:var(--accent-dark);box-shadow:0 4px 25px var(--glow-color)}.social-icon{font-size:1.2rem;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:50%;width:45px;height:45px;display:inline-flex;justify-content:center;align-items:center;transition:var(--transition-fast);background:transparent}.social-icon:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 15px var(--glow-color);transform:translateY(-2px)}.hero-image{max-width:40%;position:relative}.hero-image img{width:100%;max-width:380px;border-radius:50%;position:relative;z-index:2;border:2px solid var(--border-color)}.hero-image:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,var(--glow-color) 0%,rgba(147,51,234,0) 65%);border-radius:50%;z-index:1;animation:pulse-animation 4s infinite ease-in-out}@keyframes pulse-animation{0%{transform:translate(-50%,-50%) scale(.98);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.02);opacity:1}to{transform:translate(-50%,-50%) scale(.98);opacity:.8}}.stats{display:flex;justify-content:space-around;align-items:center;background-color:transparent;border:1px solid var(--border-color);padding:2.5rem 5%;border-radius:var(--border-radius-md);margin:0 5% 5rem}.stat-item{text-align:center}.stat-item h3{font-size:2.5rem;font-weight:700;color:var(--accent)}.stat-item p{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.content-section{padding:5rem 5%;max-width:1000px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;color:var(--text-primary)}.section-title:after{content:"";display:block;width:70px;height:4px;background:var(--accent);margin:.75rem auto 0;border-radius:2px}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:4rem;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.about-content p{text-align:center;font-size:1.15rem;line-height:1.8;color:var(--text-secondary)}.tech-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.tech-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem;width:130px;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:var(--transition-fast)}.tech-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 0 25px var(--glow-color)}.tech-card i{font-size:3.5rem;color:var(--text-secondary);transition:var(--transition-fast)}.tech-card:hover i{color:var(--accent)}.tech-card p{color:var(--text-secondary);font-weight:500}.timeline{position:relative;max-width:800px;margin:0 auto;border-left:2px solid var(--border-color);margin-left:5rem;padding-left:0}.timeline-item{position:relative;padding:0 0 3rem 2.5rem;margin-bottom:0}.timeline-item:hover .timeline-dot{background-color:var(--accent)}.timeline-dot{position:absolute;left:0;transform:translate(-50%);top:5px;width:13px;height:13px;background-color:var(--bg-dark);border-radius:50%;border:2px solid var(--accent);transition:var(--transition-fast)}.timeline-logo{position:absolute;left:-5rem;top:36%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;object-fit:contain;background-color:#fff;border:2px solid var(--border-color);transition:var(--transition-fast)}.timeline-item:hover .timeline-logo{border-color:var(--accent);transform:translateY(-50%) scale(1.05)}.timeline-content h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.25rem}.timeline-date{color:var(--accent);font-weight:500;margin-bottom:.5rem}.timeline-subtitle{color:var(--text-secondary);font-style:italic;margin-bottom:1rem}.timeline-content ul{list-style-type:disc;padding-left:1.5rem;color:var(--text-secondary)}.timeline-content ul li{margin-bottom:.5rem;line-height:1.6}.subsection-title{text-align:center;font-size:1.8rem;font-weight:600;margin-top:4rem;margin-bottom:2rem;color:var(--text-primary)}.cert-scroller{width:100%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.cert-track{display:flex;gap:1.5rem;padding-block:1rem;width:max-content;animation:scroll 40s linear infinite}.cert-scroller:hover .cert-track{animation-play-state:paused}@keyframes scroll{to{transform:translate(calc(-50% - 6rem))}}.cert-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem;width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;transition:var(--transition-fast)}.cert-card:hover{transform:translateY(-5px);border-color:#fff3}.cert-card h4{color:var(--text-primary);font-size:1.1rem}.cert-card p{color:var(--accent);font-weight:500}.cert-card span{color:var(--text-secondary);font-size:.9rem}.contact-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto}.contact-form input,.contact-form textarea{width:100%;padding:1rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1rem;transition:var(--transition-fast)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 15px var(--glow-color)}#projects.content-section{max-width:1280px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.project-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:var(--transition-fast);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 8px 30px var(--glow-color)}.project-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-content h3{font-size:1.4rem;color:var(--text-primary);margin-bottom:.75rem}.project-content p{color:var(--text-secondary);line-height:1.6;flex-grow:1;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tech span{background-color:#9333ea1a;color:var(--accent);padding:.3rem .8rem;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:500}.project-links{display:flex;gap:1rem;align-items:center}.project-links a{color:var(--text-secondary);font-size:1.5rem;transition:var(--transition-fast)}.project-links a:hover{color:var(--accent);transform:scale(1.1)}footer{text-align:center;padding:3rem 5%;margin-top:4rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}@media (max-width: 992px){.hero{flex-direction:column-reverse;text-align:center;padding-top:120px;gap:3rem}.hero-text{max-width:100%}.hero-buttons{justify-content:center}.hero-image img{max-width:300px}.hero-text .name{font-size:3rem}.hero-text p{margin-left:auto;margin-right:auto}}@media (max-width: 768px){.stats{flex-direction:column;gap:2.5rem}.hero-text h1{font-size:2rem}.hero-text .name{font-size:2.5rem}header{padding:1rem 5%}nav ul{gap:1.5rem}}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none}.staggered-menu-wrapper{position:relative;width:100%;height:100%;z-index:40}.staggered-menu-header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:2em;background:transparent;pointer-events:none;z-index:20}.staggered-menu-header>*{pointer-events:auto}.sm-logo{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sm-logo-img{display:block;height:32px;width:auto;object-fit:contain}.sm-toggle{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:none;cursor:pointer;color:#e9e9ef;font-weight:500;line-height:1;overflow:visible}.sm-toggle:focus-visible{outline:2px solid #ffffffaa;outline-offset:4px;border-radius:4px}.sm-line:last-of-type{margin-top:6px}.sm-toggle-textWrap{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width, auto);min-width:var(--sm-toggle-width, auto)}.sm-toggle-textInner{display:flex;flex-direction:column;line-height:1}.sm-toggle-line{display:block;height:1em;line-height:1}.sm-icon{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sm-panel-itemWrap{position:relative;overflow:hidden;line-height:1}.sm-icon-line{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);height:100%;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6em 2em 2em;overflow-y:auto;z-index:10}[data-position=left] .staggered-menu-panel{right:auto;left:0}.sm-prelayers{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);pointer-events:none;z-index:5}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%;transform:translate(0)}.sm-panel-inner{flex:1;display:flex;flex-direction:column;gap:1.25rem}.sm-socials{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.75rem}.sm-socials-title{margin:0;font-size:1rem;font-weight:500;color:var(--sm-accent, #ff0000)}.sm-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid var(--sm-accent, #ff0000);outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{font-size:1.2rem;font-weight:500;color:#111;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}.sm-socials-link:hover{color:var(--sm-accent, #ff0000)}.sm-panel-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sm-panel-item{position:relative;color:#000;font-weight:600;font-size:3.5rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:hover,.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible{opacity:1}.sm-panel-itemLabel{display:inline-block;will-change:transform;transform-origin:50% 100%}.sm-panel-item:hover{color:var(--sm-accent, #5227ff)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent, #5227ff);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}@media (max-width: 1024px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}@media (max-width: 640px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}