.cursor,.cursor-follower{pointer-events:none;z-index:9999;border-radius:50%;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.cursor{background:var(--accent);width:10px;height:10px}.cursor-follower{border:1px solid var(--accent);opacity:.5;width:30px;height:30px;transition:transform .12s,opacity .3s}.loader{z-index:9000;background:var(--bg-primary);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.loader-text{font-family:var(--font-code);color:var(--accent);letter-spacing:.1em;font-size:2rem;font-weight:700}.loader-bar{background:#ffffff1a;border-radius:99px;width:200px;height:3px;overflow:hidden}.loader-fill{background:var(--accent);border-radius:99px;width:0%;height:100%;animation:1s forwards loader-progress}@keyframes loader-progress{to{width:100%}}.navbar{z-index:100;padding:1.25rem 0;transition:background .3s,padding .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000505eb;padding:.75rem 0;box-shadow:0 1px #ffffff0f}.nav-container{align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{font-family:var(--font-code);color:var(--text-primary);margin-right:auto;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{color:#fefcfdb3;font-size:.9rem;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-blog-pill{border:1px solid var(--accent);color:var(--accent);opacity:.8;cursor:default;border-radius:99px;padding:.3rem .75rem;font-size:.75rem;font-weight:600}.nav-toggle{cursor:pointer;flex-direction:column;gap:5px;padding:.25rem;display:none}.nav-toggle span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000505f7;border-left:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;width:70%;max-width:300px;padding:2rem;transition:right .3s;position:fixed;top:0;bottom:0;right:-100%}.nav-links.open{right:0}}.hero{align-items:center;min-height:100vh;padding:7rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.grid-lines{background-image:linear-gradient(#5d5d8112 1px,#0000 1px),linear-gradient(90deg,#5d5d8112 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.particles{position:absolute;inset:0;overflow:hidden}.particle{background:var(--accent);opacity:.4;border-radius:50%;width:2px;height:2px;animation:linear infinite float-particle;position:absolute;bottom:-10px}@keyframes float-particle{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-100vh)scale(0)}}.glow{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.glow-1{background:var(--accent);width:500px;height:500px;top:-150px;right:-100px}.glow-2{background:#3b82f6;width:400px;height:400px;bottom:-100px;left:-100px}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;position:relative}.hero-badge{color:var(--accent);border:1px solid #5d5d8166;border-radius:99px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero-title{flex-direction:column;gap:.25rem;margin-bottom:1.25rem;display:flex}.hero-greeting{color:#fefcfd99;font-size:1.1rem;font-weight:400;display:block}.hero-name{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.1;display:block}.hero-name em{color:var(--accent);font-style:normal}.hero-role{font-family:var(--font-code);color:#fefcfdb3;margin-bottom:1.5rem;font-size:1.1rem}.role-prefix,.role-suffix{color:var(--accent);opacity:.7}.role-cursor{color:var(--accent);animation:.85s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-desc{color:#fefcfda6;max-width:500px;margin-bottom:2rem;font-size:1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.btn{cursor:pointer;border:none;border-radius:99px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 15px #5d5d8166}.btn-primary:hover{opacity:.9;box-shadow:0 6px 20px #5d5d818c}.btn-outline{color:var(--text-primary);background:0 0;border:1px solid #fefcfd33}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-full{border-radius:12px;justify-content:center;width:100%}.hero-socials{gap:.75rem;display:flex}.social-link{color:#fefcfda6;border:1px solid #fefcfd26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:flex}.social-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-visual{justify-content:flex-end;align-items:center;display:flex}.code-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;width:100%;max-width:440px;overflow:hidden}.code-card-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28c840}.code-card-title{font-family:var(--font-code);color:#fefcfd80;margin-left:.5rem;font-size:.8rem}.code-card-body{padding:1.25rem;overflow-x:auto}.code-card-body pre{margin:0}.code-card-body code{font-family:var(--font-code);color:#fefcfdbf;white-space:pre;font-size:.8rem;line-height:1.7}.scroll-down{border:1px solid #fefcfd33;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-down span{border-right:2px solid var(--text-primary);border-bottom:2px solid var(--text-primary);width:8px;height:8px;display:block;transform:rotate(45deg)translateY(-2px)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.section{padding:6rem 0}.section-dark{background:#ffffff05}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-header{text-align:center;margin-bottom:3.5rem}.section-tag{font-family:var(--font-code);color:var(--accent);opacity:.8;margin-bottom:.75rem;font-size:.85rem;display:inline-block}.section-title{letter-spacing:-.02em;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800}.section-title span{color:var(--accent)}.section-sub{color:#fefcfd8c;max-width:500px;margin-top:.75rem;margin-left:auto;margin-right:auto;font-size:1rem}.about-grid{grid-template-columns:1fr 2fr;align-items:start;gap:4rem;display:grid}.about-avatar-wrap{flex-direction:column;align-items:center;gap:2rem;display:flex}.about-avatar{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.avatar-initials{background:linear-gradient(135deg, var(--accent), #3b82f6);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:2rem;font-weight:800;display:flex;position:relative}.avatar-ring{border:2px solid var(--accent);opacity:.3;border-radius:50%;animation:8s linear infinite spin-ring;position:absolute;inset:0}.avatar-ring-2{border-style:dashed;animation-duration:12s;animation-direction:reverse;inset:-10px}@keyframes spin-ring{to{transform:rotate(360deg)}}.about-stats{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.stat-item{color:#fefcfd99;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;min-width:70px;padding:.75rem 1rem;font-size:.75rem;display:flex}.stat-num{color:var(--accent);font-size:1.5rem;font-weight:800;line-height:1}.stat-label{text-align:center;font-size:.7rem}.about-text{flex-direction:column;gap:1rem;display:flex}.about-text h3{margin-bottom:.25rem;font-size:1.35rem;font-weight:700}.about-text h3 span{color:var(--accent)}.about-text p{color:#fefcfda6;font-size:.95rem;line-height:1.8}.about-chips{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.chip{color:#fefcfdbf;background:#5d5d811a;border:1px solid #5d5d8166;border-radius:99px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;display:inline-flex}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.skill-category{background:#ffffff08;border:1px solid #ffffff12;border-radius:1rem;padding:1.5rem}.skill-cat-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.skill-cat-icon{width:36px;height:36px;color:var(--accent);background:#5d5d8133;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}.skill-cat-header h3{font-size:1rem;font-weight:700}.skill-items{flex-direction:column;gap:.85rem;display:flex}.skill-item{grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;display:grid}.skill-info{color:#fefcfdcc;align-items:center;gap:.5rem;min-width:0;font-size:.875rem;display:flex}.skill-bar{background:#ffffff14;border-radius:99px;width:90px;height:5px;overflow:hidden}.skill-fill{background:linear-gradient(90deg, var(--accent), #6366f1);border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-pct{color:var(--accent);text-align:right;min-width:2.5rem;font-size:.75rem;font-weight:600}.tech-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tech-tag{color:#fefcfda6;background:#5d5d811f;border:1px solid #5d5d814d;border-radius:99px;padding:.35rem .85rem;font-size:.8rem;transition:border-color .2s,color .2s}.tech-tag:hover{border-color:var(--accent);color:var(--accent)}.projects-filter{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.filter-btn{color:#fefcfd99;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:99px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s,background .2s}.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent);background:#5d5d811f}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.project-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:radial-gradient(200px circle at var(--x,50%) var(--y,50%), #5d5d811f, transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.project-card:hover{border-color:#5d5d8166;transform:translateY(-3px)}.project-card:hover:before{opacity:1}.project-top{justify-content:space-between;align-items:center;display:flex}.project-icon{width:44px;height:44px;color:var(--accent);background:#5d5d8133;border-radius:10px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.project-links{gap:.5rem;display:flex}.project-link{color:#fefcfd8c;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.project-link:hover{border-color:var(--accent);color:var(--accent)}.project-title{font-size:1.1rem;font-weight:700}.project-desc{color:#fefcfd8c;flex:1;font-size:.875rem;line-height:1.75}.project-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.project-tags span{color:#fefcfda6;background:#5d5d8126;border:1px solid #5d5d8140;border-radius:99px;padding:.25rem .65rem;font-size:.73rem}.timeline{flex-direction:column;gap:0;padding-left:2rem;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent), #5d5d8126);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.timeline-item{padding:0 0 2.5rem 1.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--accent);border:2px solid var(--bg-primary);border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-2.5rem;box-shadow:0 0 0 3px #5d5d814d}.timeline-dot-sm{background:#5d5d8166;width:10px;height:10px}.timeline-content{background:#ffffff08;border:1px solid #ffffff12;border-radius:1rem;padding:1.5rem}.timeline-content-sm{opacity:.8;padding:1rem 1.25rem}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.timeline-header h3{font-size:1rem;font-weight:700;line-height:1.4}.timeline-place{color:var(--accent);align-items:center;gap:.35rem;margin-top:.25rem;font-size:.8rem;display:flex}.timeline-date{color:#fefcfd73;white-space:nowrap;flex-shrink:0;font-size:.8rem}.timeline-content p{color:#fefcfd99;margin-bottom:1rem;font-size:.875rem;line-height:1.75}.timeline-tags{flex-wrap:wrap;gap:.4rem;display:flex}.timeline-tags span{color:#fefcfd99;background:#5d5d811f;border:1px solid #5d5d8140;border-radius:99px;padding:.25rem .65rem;font-size:.73rem}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:3rem;display:grid}.contact-info{flex-direction:column;gap:1rem;display:flex}.contact-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.contact-card-icon{width:40px;height:40px;color:var(--accent);background:#5d5d8133;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.contact-card h4{color:#fefcfd80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.8rem;font-weight:600}.contact-card a,.contact-card span{color:#fefcfdcc;font-size:.875rem;text-decoration:none;transition:color .2s}.contact-card a:hover{color:var(--accent)}.contact-form{background:#ffffff05;border:1px solid #ffffff12;border-radius:1rem;flex-direction:column;gap:1rem;padding:2rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#fefcfd99;font-size:.825rem;font-weight:600}.form-group input,.form-group textarea{color:var(--text-primary);font-size:.9rem;font-family:var(--font-main);resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:.75rem 1rem;transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#fefcfd4d}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-feedback{color:#fefcfd73;text-align:center;padding-top:.25rem;font-size:.8rem}.footer{background:#0006;border-top:1px solid #ffffff0f;padding:2rem 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-brand{font-family:var(--font-code);font-size:1.1rem;font-weight:700}.footer-brand span{color:var(--accent)}.footer-text{color:#fefcfd66;font-size:.85rem}.footer-socials{gap:.75rem;display:flex}.footer-socials a{color:#fefcfd80;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.footer-socials a:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:1024px){.hero-content{grid-template-columns:1fr}.hero-visual{display:none}.about-grid,.skills-grid,.contact-grid{grid-template-columns:1fr}}@media (max-width:768px){.section{padding:4rem 0}.projects-grid{grid-template-columns:1fr}.footer-container{text-align:center;flex-direction:column;align-items:center}}