*{box-sizing:border-box;margin:0;padding:0}section,header{scroll-margin-top:80px}body{color:#e2e8f0;background:#04050f;font-family:Sora,sans-serif;overflow-x:hidden}:root{--bg:#04050f;--cyan:#22d3ee;--purple:#a78bfa;--pink:#f472b6;--green:#4ade80;--text:#e2e8f0;--muted:#64748b;--glass:#ffffff0a;--glass-h:#ffffff14;--border:#ffffff12;--border-h:#22d3ee4d;--card:#ffffff0a;--card-h:#ffffff14;--grad:linear-gradient(135deg, #22d3ee 0%, #a78bfa 100%);--r:12px;--toastify-color-success:#4ade80;--toastify-color-error:#f87171}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section,header[id]{scroll-margin-top:-20px}body{background:var(--bg);color:var(--text);font-family:Sora,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00e5ff08 1px,#0000 1px),linear-gradient(90deg,#00e5ff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}#nav{z-index:100;justify-content:space-between;align-items:center;height:70px;padding:0 6%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}#nav.s{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#04050fcc}.logo{background:linear-gradient(135deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.nav-ul{gap:2.5rem;list-style:none;display:flex}.nav-ul a{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s;position:relative}.nav-ul a:hover{color:var(--cyan)}.nav-ul a:after{content:"";background:var(--cyan);height:1px;transition:right .3s;position:absolute;bottom:-3px;left:0;right:100%}.nav-ul a:hover:after{right:0}.nav-resume{letter-spacing:.08em;color:var(--cyan);border:1px solid #22d3ee59;border-radius:6px;padding:8px 22px;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s}.nav-resume:hover{background:#22d3ee1a;box-shadow:0 0 20px #22d3ee26}#hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100vh;padding:100px 6% 60px;display:grid;position:relative}.hero-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--green);background:#4ade800f;border:1px solid #4ade8040;border-radius:999px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-flex}.blink{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}h1.name{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(3.5rem,7vw,7rem);font-weight:800;line-height:.95}h1.name .l1{color:#ffffff26;-webkit-text-stroke:1px #ffffff26;display:block}h1.name .l2{background:linear-gradient(135deg, var(--cyan) 0%, var(--purple) 60%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-role{color:var(--muted);letter-spacing:.06em;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem}.hero-desc{color:#94a3b8;max-width:500px;margin-bottom:2.5rem;font-size:.98rem;line-height:1.85}.hero-btns{gap:1rem;margin-bottom:2.5rem;display:flex}.gbtn{letter-spacing:.05em;border-radius:8px;align-items:center;gap:8px;padding:13px 28px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .25s;display:inline-flex}.gbtn-fill{background:linear-gradient(135deg, var(--cyan), var(--purple));color:#000;font-weight:700}.gbtn-fill:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 10px 30px #22d3ee33}.gbtn-ghost{border:1px solid var(--border-h);color:var(--cyan)}.gbtn-ghost:hover{background:#22d3ee12;transform:translateY(-2px)}.socials{gap:.75rem;display:flex}.social-ic{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);background:var(--glass);border-radius:10px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.social-ic:hover{color:var(--cyan);border-color:var(--border-h);box-shadow:0 0 16px #22d3ee26}.hero-photo-wrap{justify-content:center;display:flex;position:relative}.photo-glow{filter:blur(30px);background:radial-gradient(circle,#22d3ee1f 0%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-ring{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;border:1px solid #22d3ee33;border-radius:24px;width:320px;height:400px;position:relative;overflow:hidden}.photo-ring img{object-fit:cover;object-position:top;filter:brightness(.9);width:100%;height:100%;display:block}.photo-placeholder{width:100%;height:100%;color:var(--muted);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.photo-placeholder i{color:#22d3ee33;font-size:4rem}.photo-placeholder p{letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.7rem}.chip{letter-spacing:.05em;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;z-index:2;background:#04050fcc;border-radius:999px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:.65rem;position:absolute}.chip i{margin-right:5px}.chip-1{color:var(--cyan);border-color:#22d3ee40;animation:3s ease-in-out infinite fl;top:10%;right:-50px}.chip-2{color:var(--green);border-color:#4ade8040;animation:3.5s ease-in-out .8s infinite fl;bottom:30%;left:-60px}.chip-3{color:var(--purple);border-color:#a78bfa40;animation:2.8s ease-in-out 1.5s infinite fl;bottom:10%;right:-40px}@keyframes fl{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}section{z-index:1;padding:7rem 6%;position:relative}.stag{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:8px;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.67rem;display:inline-flex}.stag:before{content:"";background:var(--cyan);width:20px;height:1px}h2.stitle{letter-spacing:-.02em;margin-bottom:4rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.acc{color:var(--cyan)}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:3rem;display:grid}.about-text p{color:#9ca3af;margin-bottom:1.2rem;font-size:1rem;line-height:1.85}.about-text p strong{color:var(--cyan);font-weight:500}.about-cards{border:1px solid var(--border);border-radius:var(--r);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.about-stat{background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:2rem 1.5rem;transition:background .2s}.about-stat:nth-child(2),.about-stat:nth-child(4){border-right:none}.about-stat:nth-child(3),.about-stat:nth-child(4){border-bottom:none}.about-stat:hover{background:var(--card-h)}.stat-num{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:900;display:block}.stat-lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.65rem}.skills-two-columns{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.skill-category h3{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--border);background:0 0;margin-bottom:1.5rem;padding-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700}.skill-card-grid{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.skill-card-item{background:var(--card);border-bottom:1px solid var(--border);padding:1.2rem 1.5rem;transition:all .2s}.skill-card-item:last-child{border-bottom:none}.skill-card-item:hover{background:var(--card-h);transform:translate(4px)}.skill-top-row{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.skill-name{letter-spacing:.02em;color:var(--text);align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.skill-name i{color:var(--cyan);width:20px;font-size:1.1rem}.skill-percent{color:#22d3ee80;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;transition:color .2s}.skill-card-item:hover .skill-percent{color:var(--cyan)}.skill-bar{background:#ffffff0f;border-radius:3px;height:3px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:3px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-bar-fill.go{width:var(--w)}.tools-section{text-align:center;margin-top:2rem}.tools-section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;display:inline-block}.tools-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:700px;margin:0 auto;display:flex}.tool-card{background:var(--card);border:1px solid var(--border);cursor:default;border-radius:40px;align-items:center;gap:8px;padding:.6rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s;display:inline-flex}.tool-card i{color:var(--cyan);font-size:.9rem}.tool-card:hover{background:var(--card-h);border-color:var(--border-h);transform:translateY(-2px)}.exp-list{border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:0;display:flex;overflow:hidden}.exp-item{border-bottom:1px solid var(--border);background:var(--glass);grid-template-columns:200px 1fr;padding:2.5rem;transition:all .2s;display:grid;position:relative;overflow:hidden}.exp-item:last-child{border-bottom:none}.exp-item:hover{background:var(--glass-h)}.exp-item:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--purple));transform-origin:top;width:3px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.exp-item:hover:before{transform:scaleY(1)}.exp-date{color:var(--muted);letter-spacing:.06em;padding-top:.2rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.exp-date span{color:var(--cyan);border:1px solid #22d3ee33;border-radius:4px;width:fit-content;margin:4px 0;padding:3px 8px;font-size:.7rem;display:block}.exp-body h4{margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.exp-body .company{color:var(--cyan);letter-spacing:.05em;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.exp-body p{color:#94a3b8;margin-bottom:1rem;font-size:.9rem;line-height:1.75}.exp-tags{flex-wrap:wrap;gap:.5rem;display:flex}.etag{letter-spacing:.08em;color:var(--cyan);background:#22d3ee14;border:1px solid #22d3ee26;border-radius:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.7rem}.proj-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0 auto;display:flex}.pcard{border:1px solid var(--border);background:var(--glass);border-radius:16px;flex:0 0 320px;max-width:100%;transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}.pcard:hover{border-color:#22d3ee40;transform:translateY(-5px);box-shadow:0 20px 60px #0000004d,0 0 40px #22d3ee12}.pcard-img{aspect-ratio:16/9;background:#0f172a;position:relative;overflow:hidden}.pcard-img img{object-fit:cover;filter:brightness(.8);width:100%;height:100%;transition:all .5s}.pcard:hover .pcard-img img{filter:brightness();transform:scale(1.06)}.pcard-img-ph{color:#22d3ee26;background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:100%;height:100%;font-size:3rem;display:flex}.pcard-img-ph p{letter-spacing:.1em;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.6rem}.pcat{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--cyan);background:#04050fbf;border:1px solid #22d3ee40;border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.58rem;position:absolute;top:12px;right:12px}.pcard-body{padding:1.5rem}.pcard-body h4{margin-bottom:.3rem;font-size:1rem;font-weight:700}.pstack{color:var(--muted);letter-spacing:.04em;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.68rem}.plinks{gap:.75rem;display:flex}.plink-live{background:linear-gradient(135deg, var(--cyan), var(--purple));color:#000;border-radius:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;transition:all .2s}.plink-live:hover{opacity:.85;transform:translateY(-1px)}.plink-code{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:.68rem;transition:all .2s}.plink-code:hover{border-color:var(--border-h);color:var(--cyan)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.cleft h3{background:linear-gradient(135deg, var(--cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.6rem;font-weight:800}.cleft p{color:#94a3b8;margin-bottom:2rem;font-size:.95rem;line-height:1.8}.cinfo-item{color:var(--muted);align-items:center;gap:12px;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:flex}.cicon{width:38px;height:38px;color:var(--cyan);background:#22d3ee0d;border:1px solid #22d3ee33;border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.cform{flex-direction:column;gap:1.25rem;display:flex}.cform form{margin:0;padding:0}.crow{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.flabel{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.5rem 0;font-size:.7rem;display:block}.finput{border:1px solid var(--border);width:100%;color:var(--text);background:#04050fe6;border-radius:8px;outline:none;padding:12px 16px;font-family:Sora,sans-serif;font-size:.9rem;transition:all .2s}.finput:focus{border-color:#22d3ee66;box-shadow:0 0 0 3px #22d3ee12}.finput::placeholder{color:#64748b80}textarea.finput{resize:vertical;min-height:130px}.finput.error{box-shadow:0 0 0 1px #f8717133;background-color:#f871710d!important;border-color:#f87171!important}.form-error{color:#f87171;letter-spacing:.02em;margin-top:5px;font-family:JetBrains Mono,monospace;font-size:.7rem}.error-text{color:#f472b6;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:block}:root{--toastify-color-success:#4ade80;--toastify-color-error:#f87171}.sbtn{letter-spacing:.06em;background:linear-gradient(135deg, var(--cyan), var(--purple));color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 32px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.sbtn:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 8px 28px #22d3ee33}footer{z-index:1;background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 6%;display:flex;position:relative}.fcopy{letter-spacing:.08em;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.65rem}.fsoc{gap:1rem;display:flex}.fsoc a{color:var(--muted);font-size:1rem;transition:all .2s}.fsoc a:hover{color:var(--cyan)}.rev{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.rev.v{opacity:1;transform:none}.cancel-btn{border:1px solid var(--border);color:var(--muted);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s}.cancel-btn:hover{border-color:var(--border-h);color:var(--cyan);background:#22d3ee0d;transform:translateY(-2px)}@media (width<=1024px){section{padding:5rem 5%}h2.stitle{margin-bottom:2.5rem}.about-grid{gap:2rem}}@media (width<=960px){#hero{text-align:center;grid-template-columns:1fr;gap:2rem;padding:100px 5% 60px}.hero-left{flex-direction:column;align-items:center;display:flex}.hero-desc{max-width:100%}.hero-btns,.socials{justify-content:center}.hero-photo-wrap{order:-1;margin-top:2rem}.photo-ring{width:260px;height:320px;margin:0 auto}.chip{display:none}.about-grid{grid-template-columns:1fr}.skills-two-columns,.contact-grid{grid-template-columns:1fr;gap:2rem}.exp-item{grid-template-columns:1fr;padding:1.8rem}.exp-date{margin-bottom:1rem}section{padding:4rem 5%}}@media (width<=768px){.nav-ul{display:none}.nav-resume{padding:6px 16px;font-size:.75rem}.logo{font-size:1.2rem}section{padding:3rem 5%}.stag{font-size:.6rem}h2.stitle{margin-bottom:2rem;font-size:1.8rem}.hero-desc{font-size:.9rem}.gbtn{padding:10px 20px;font-size:.7rem}.social-ic{width:36px;height:36px}.about-stat{padding:1.2rem}.stat-num{font-size:1.5rem}.skill-card-item{padding:.8rem 1rem}.skill-name{font-size:.75rem}.skill-percent{font-size:.85rem}.tool-card{padding:.4rem 1rem;font-size:.7rem}.exp-item{padding:1.2rem}.exp-body h4{font-size:.95rem}.exp-body p{font-size:.85rem}.etag{padding:3px 8px;font-size:.6rem}.pcard{flex:0 0 100%;max-width:100%}.pcard-body{padding:1rem}.plink-live,.plink-code{padding:6px 12px;font-size:.6rem}.crow{grid-template-columns:1fr;gap:.75rem}.cform{gap:.75rem}.flabel{margin:.3rem 0}.finput{padding:10px 14px}.sbtn{padding:10px 24px;font-size:.7rem}footer{text-align:center;flex-direction:column;gap:.8rem;padding:1.5rem 5%}footer .logo{font-size:1rem}.fcopy{font-size:.6rem}}@media (width<=480px){#hero{padding:80px 4% 40px}h1.name{font-size:2.5rem}.hero-role{font-size:.8rem}.hero-desc{font-size:.85rem}.hero-btns{flex-direction:column;align-items:stretch;gap:.8rem;width:100%}.gbtn{justify-content:center}.photo-ring{width:220px;height:280px}.about-stat{padding:1rem}.stat-num{font-size:1.3rem}.stat-lbl{font-size:.55rem}.skill-card-item{padding:.6rem .8rem}.skill-name{gap:6px;font-size:.7rem}.skill-name i{font-size:.9rem}.skill-percent{font-size:.75rem}.exp-date{font-size:.7rem}.exp-date span{font-size:.6rem}.exp-body h4{font-size:.9rem}.exp-body .company{font-size:.7rem}.pcard-body h4{font-size:.9rem}.pstack{font-size:.6rem}.cleft h3{font-size:1.3rem}.cinfo-item{font-size:.7rem}.cicon{width:32px;height:32px}}