:root{--bg: #080b12;--bg2: #0d1120;--bg3: #111827;--neon-pink: #ff2d78;--neon-cyan: #00f5d4;--neon-purple: #b44fff;--neon-yellow: #f5e642;--text: #e8eaf6;--text-muted: #7b82a0;--text-dim: #3d4460;--border: rgba(255,255,255,.06);--border-neon: rgba(0, 245, 212, .2);--glow-cyan: 0 0 20px rgba(0, 245, 212, .3);--glow-pink: 0 0 20px rgba(255, 45, 120, .3);--glow-purple: 0 0 20px rgba(180, 79, 255, .3);--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--nav-h: 70px;--section-pad: 100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-display);overflow-x:hidden;cursor:none}.cursor{width:10px;height:10px;background:var(--neon-cyan);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transition:transform .1s ease;mix-blend-mode:difference}.cursor-ring{width:36px;height:36px;border:1px solid rgba(0,245,212,.5);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transition:all .12s ease}a,button{cursor:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px}section{padding:var(--section-pad) 0;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 32px}.section-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--neon-cyan);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}.section-tag:before{content:"//";opacity:.5}.section-title{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--text);margin-bottom:60px}.section-title span{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,245,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,212,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes scanline{0%{top:-10%}to{top:110%}}@keyframes neonPulse{0%,to{box-shadow:var(--glow-cyan)}50%{box-shadow:0 0 40px #00f5d499}}.fade-up{opacity:0;animation:fadeUp .7s ease forwards}@media (max-width: 768px){:root{--section-pad: 70px}.container{padding:0 20px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);transition:background .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.navbar.scrolled{background:#080b12d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{background:none;border:none;font-family:var(--font-mono);font-size:18px;color:var(--neon-cyan);letter-spacing:.05em}.nav-logo .logo-bracket{color:var(--neon-pink)}.nav-links{display:flex;gap:8px;list-style:none}.nav-links button{background:none;border:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:lowercase;color:var(--text-muted);padding:6px 14px;border-radius:4px;transition:color .2s ease;position:relative}.nav-links button:after{content:"";position:absolute;bottom:2px;left:14px;right:14px;height:1px;background:var(--neon-cyan);transform:scaleX(0);transition:transform .2s ease}.nav-links button:hover,.nav-links button.active{color:var(--neon-cyan)}.nav-links button.active:after,.nav-links button:hover:after{transform:scaleX(1)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--neon-cyan);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 700px){.hamburger{display:flex}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;background:#080b12f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;padding:20px 0;border-bottom:1px solid var(--border);transform:translateY(-110%);transition:transform .3s ease}.nav-links.open{transform:translateY(0)}.nav-links button{font-size:16px;padding:14px 30px}}.home{min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-h);overflow:hidden}.orb-1{width:500px;height:500px;background:#00f5d40f;top:-100px;right:-100px}.orb-2{width:300px;height:300px;background:#ff2d780d;bottom:0;left:-80px}.orb-3{width:200px;height:200px;background:#b44fff12;top:50%;left:40%}.home-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;padding-top:40px;padding-bottom:60px}.mono-tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--neon-cyan)}.home-greeting{margin-bottom:16px}.home-name{font-size:clamp(52px,8vw,96px);font-weight:800;letter-spacing:-.04em;line-height:.95;color:var(--text);margin-bottom:20px}.name-outline{-webkit-text-stroke:2px rgba(0,245,212,.5);color:transparent}.home-role{font-family:var(--font-mono);font-size:clamp(16px,2.5vw,22px);color:var(--neon-pink);height:36px;margin-bottom:24px;display:flex;align-items:center;gap:2px}.cursor-blink{color:var(--neon-cyan);animation:blink 1s step-end infinite}.home-bio{font-size:15px;line-height:1.75;color:var(--text-muted);max-width:480px;margin-bottom:36px}.home-cta{display:flex;gap:14px;margin-bottom:48px;flex-wrap:wrap}.btn-primary{background:var(--neon-cyan);color:var(--bg);border:none;padding:13px 28px;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;transition:box-shadow .3s ease,transform .2s ease;animation:neonPulse 3s ease infinite}.btn-primary:hover{box-shadow:0 0 30px #00f5d480;transform:translateY(-2px)}.btn-ghost{background:none;color:var(--text);border:1px solid var(--border);padding:13px 28px;font-family:var(--font-display);font-size:13px;font-weight:600;border-radius:4px;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.home-stats{display:flex;align-items:center;gap:24px}.stat{display:flex;flex-direction:column;gap:4px}.stat-num{font-size:28px;font-weight:800;color:var(--neon-cyan);letter-spacing:-.03em;line-height:1}.stat-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.06em}.stat-div{width:1px;height:36px;background:var(--border)}.home-visual{display:flex;justify-content:center}.avatar-wrap{position:relative;width:320px;height:320px}.avatar-ring{position:absolute;border-radius:50%;border:1px solid;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:300px;height:300px;border-color:#00f5d426;animation:float 6s ease-in-out infinite}.ring-2{width:340px;height:340px;border-color:#ff2d7814;animation:float 8s ease-in-out infinite reverse}.avatar-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:var(--bg3);border:2px solid var(--border-neon);display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-cyan),inset 0 0 60px #00f5d40a;overflow:hidden;animation:float 5s ease-in-out infinite}.avatar-initials{font-size:64px;font-weight:800;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avatar-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);top:0;animation:scanline 3s linear infinite}.avatar-badge{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);background:#0d1120e6;border:1px solid var(--border);padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;white-space:nowrap}.badge-top{top:30px;right:-10px}.badge-bottom{bottom:40px;left:-20px}.badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:blink 2s ease infinite}.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--neon-cyan),transparent);animation:float 2s ease-in-out infinite}@media (max-width: 900px){.home-inner{grid-template-columns:1fr;text-align:center}.home-role{justify-content:center}.home-bio{margin:0 auto 36px}.home-cta,.home-stats{justify-content:center}.home-visual{display:none}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-para{font-size:15px;line-height:1.85;color:var(--text-muted);margin-bottom:18px}.about-links{margin-top:28px}.about-link{font-family:var(--font-mono);font-size:13px;color:var(--neon-cyan);text-decoration:none;border-bottom:1px solid rgba(0,245,212,.3);padding-bottom:2px;transition:border-color .2s}.about-link:hover{border-color:var(--neon-cyan)}.facts-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:20px}.facts-header{padding:14px 20px;border-bottom:1px solid var(--border);background:#00f5d408}.fact-row{display:flex;gap:14px;align-items:flex-start;padding:14px 20px;border-bottom:1px solid var(--border);transition:background .2s}.fact-row:last-child{border-bottom:none}.fact-row:hover{background:#00f5d408}.fact-icon{color:var(--neon-pink);font-size:12px;padding-top:2px;flex-shrink:0}.fact-label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.fact-value{font-size:13px;color:var(--text);font-weight:500}.about-terminal{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.terminal-bar{padding:10px 16px;background:var(--bg2);display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border)}.t-dot{width:10px;height:10px;border-radius:50%;display:block}.t-title{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-left:8px}.terminal-body{padding:20px;font-family:var(--font-mono);font-size:13px;line-height:2}.t-key{color:var(--neon-purple)}.t-colon{color:var(--text-muted)}.t-str{color:var(--neon-cyan)}.t-bool{color:var(--neon-pink)}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:40px}}.skills-section{background:var(--bg2)}.skill-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.skill-group{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .3s,box-shadow .3s}.skill-group--cyan:hover{border-color:#00f5d44d;box-shadow:var(--glow-cyan)}.skill-group--pink:hover{border-color:#ff2d784d;box-shadow:var(--glow-pink)}.skill-group--purple:hover{border-color:#b44fff4d;box-shadow:var(--glow-purple)}.skill-group-header{padding:16px 20px;border-bottom:1px solid var(--border);background:#ffffff05}.skill-group-name{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.skill-group--cyan .skill-group-name{color:var(--neon-cyan)}.skill-group--pink .skill-group-name{color:var(--neon-pink)}.skill-group--purple .skill-group-name{color:var(--neon-purple)}.skill-bars{padding:20px;display:flex;flex-direction:column;gap:16px}.skill-bar-meta{display:flex;justify-content:space-between;margin-bottom:6px}.skill-name{font-size:13px;color:var(--text)}.skill-pct{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.skill-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}@keyframes fillBar{0%{width:0}to{width:var(--w)}}.skill-fill{height:100%;border-radius:2px;animation:fillBar 1s ease forwards}.skill-group--cyan .skill-fill{background:linear-gradient(90deg,rgba(0,245,212,.5),var(--neon-cyan));box-shadow:0 0 8px #00f5d466}.skill-group--pink .skill-fill{background:linear-gradient(90deg,rgba(255,45,120,.5),var(--neon-pink));box-shadow:0 0 8px #ff2d7866}.skill-group--purple .skill-fill{background:linear-gradient(90deg,rgba(180,79,255,.5),var(--neon-purple));box-shadow:0 0 8px #b44fff66}.skills-tags-section{border-top:1px solid var(--border);padding-top:40px}.skills-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);border:1px solid var(--border);padding:6px 14px;border-radius:20px;transition:color .2s,border-color .2s,box-shadow .2s}.skill-tag:hover{color:var(--neon-cyan);border-color:#00f5d466;box-shadow:0 0 12px #00f5d426}@media (max-width: 900px){.skill-groups{grid-template-columns:1fr}}@media (min-width: 901px) and (max-width: 1100px){.skill-groups{grid-template-columns:1fr 1fr}}.experience-section{background:var(--bg)}.exp-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;margin-bottom:70px}.exp-sidebar{display:flex;flex-direction:column;border-left:2px solid var(--border)}.exp-tab{background:none;border:none;border-left:2px solid transparent;margin-left:-2px;padding:16px 20px;text-align:left;transition:background .2s,border-color .2s;display:flex;flex-direction:column;gap:4px}.exp-tab:hover{background:#ffffff08}.exp-tab--cyan.active{border-left-color:var(--neon-cyan);background:#00f5d40a}.exp-tab--pink.active{border-left-color:var(--neon-pink);background:#ff2d780a}.exp-tab--purple.active{border-left-color:var(--neon-purple);background:#b44fff0a}.exp-tab-company{font-size:13px;font-weight:600;color:var(--text)}.exp-tab--cyan.active .exp-tab-company{color:var(--neon-cyan)}.exp-tab--pink.active .exp-tab-company{color:var(--neon-pink)}.exp-tab--purple.active .exp-tab-company{color:var(--neon-purple)}.exp-tab-period{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.exp-panel{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:32px;animation:fadeUp .35s ease both}.exp-panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px;flex-wrap:wrap}.exp-role{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:6px}.exp-company{font-family:var(--font-mono);font-size:13px}.exp-company--cyan{color:var(--neon-cyan)}.exp-company--pink{color:var(--neon-pink)}.exp-company--purple{color:var(--neon-purple)}.exp-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.exp-type{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.1em}.exp-period-badge{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--bg3);border:1px solid var(--border);padding:4px 10px;border-radius:4px}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:14px}.exp-bullet{display:flex;gap:12px;font-size:14px;color:var(--text-muted);line-height:1.7}.bullet-arrow{color:var(--neon-cyan);flex-shrink:0;margin-top:2px}.tech-projects{border-top:1px solid var(--border);padding-top:50px}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tech-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:28px;transition:border-color .3s,box-shadow .3s}.tech-card:hover{border-color:#00f5d440;box-shadow:var(--glow-cyan)}.tech-card-icon{font-family:var(--font-mono);font-size:28px;color:var(--neon-cyan);margin-bottom:14px}.tech-card-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:10px}.tech-card-desc{font-size:13px;line-height:1.7;color:var(--text-muted);margin-bottom:16px}.tech-tags{display:flex;gap:8px;flex-wrap:wrap}.tech-tags span{font-family:var(--font-mono);font-size:10px;color:var(--neon-cyan);background:#00f5d412;border:1px solid rgba(0,245,212,.15);padding:3px 10px;border-radius:3px}@media (max-width: 800px){.exp-layout{grid-template-columns:1fr}.exp-sidebar{flex-direction:row;overflow-x:auto;border-left:none;border-bottom:2px solid var(--border)}.exp-tab{border-left:none;border-bottom:2px solid transparent;margin-left:0;margin-bottom:-2px;white-space:nowrap;min-width:140px}.tech-grid{grid-template-columns:1fr}.exp-meta{align-items:flex-start}}.contact-section{background:var(--bg2)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-intro{font-size:16px;line-height:1.8;color:var(--text-muted);margin-bottom:36px}.contact-links{display:flex;flex-direction:column;gap:12px}.contact-card{display:flex;gap:16px;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px 20px;transition:border-color .2s,box-shadow .2s}.contact-card:hover{border-color:#00f5d433;box-shadow:0 0 15px #00f5d414}.contact-icon{width:36px;height:36px;background:#00f5d414;border:1px solid rgba(0,245,212,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--neon-cyan);flex-shrink:0}.contact-label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.contact-value{font-size:13px;color:var(--text);text-decoration:none;transition:color .2s}a.contact-value:hover{color:var(--neon-cyan)}.contact-cta-box{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:40px;position:relative;overflow:hidden}.contact-cta-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink))}.cta-heading{font-size:32px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.2;margin-bottom:14px}.cta-heading span{color:var(--neon-cyan)}.cta-sub{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:28px}.cta-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.btn-copy{background:none;border:1px solid var(--border);color:var(--text-muted);padding:13px 20px;font-family:var(--font-mono);font-size:12px;border-radius:4px;transition:border-color .2s,color .2s}.btn-copy:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.availability{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.avail-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:blink 2s ease infinite}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr;gap:40px}}.footer{background:var(--bg);padding:28px 0}.footer-line{height:1px;background:linear-gradient(90deg,transparent,var(--border),var(--neon-cyan),var(--border),transparent);margin-bottom:28px;opacity:.5}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-left{display:flex;align-items:center;gap:16px}.footer-logo{font-family:var(--font-mono);font-size:15px;color:var(--neon-cyan)}.footer-logo .logo-bracket{color:var(--neon-pink)}.footer-copy{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.footer-right{display:flex;gap:20px}.footer-link{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-decoration:none;letter-spacing:.08em;transition:color .2s}.footer-link:hover{color:var(--neon-cyan)}@media (max-width: 600px){.footer-inner{flex-direction:column;align-items:flex-start}}