*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #020617;--bg-secondary: #050b18;--bg-card: rgba(6, 18, 38, .72);--bg-card-hover: rgba(10, 28, 55, .85);--bg-elevated: rgba(16, 32, 56, .55);--border: rgba(34, 211, 238, .1);--border-hover: rgba(34, 211, 238, .28);--border-active: rgba(34, 211, 238, .45);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #475569;--cyan: #22d3ee;--cyan-dim: rgba(34, 211, 238, .12);--cyan-glow: rgba(34, 211, 238, .35);--cyan-bright: #67e8f9;--green: #34d399;--green-dim: rgba(52, 211, 153, .12);--green-glow: rgba(52, 211, 153, .3);--amber: #fbbf24;--amber-dim: rgba(251, 191, 36, .1);--red: #f87171;--red-dim: rgba(248, 113, 113, .1);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .6);--shadow-cyan: 0 0 24px rgba(34, 211, 238, .08);--shadow-glow: 0 0 60px rgba(34, 211, 238, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Orbitron", var(--font-mono);--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition: .25s var(--ease);--transition-slow: .45s var(--ease);--nav-height: 64px}html{font-size:20px;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 1rem)}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.custom-cursor,body.custom-cursor *{cursor:none!important}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(34,211,238,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black 10%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black 10%,transparent 75%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(34,211,238,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 80% 100%,rgba(52,211,153,.04) 0%,transparent 60%);pointer-events:none;z-index:0}.matrix-rain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.35;pointer-events:none}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);animation:scanFlicker 8s linear infinite}.scan-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(34,211,238,.015) 50%,transparent 100%);animation:scanMove 6s linear infinite}.hud-frame{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:9997;pointer-events:none}.hud-corner{position:absolute;width:24px;height:24px;border-color:#22d3ee33;border-style:solid}.hud-corner--tl{top:0;left:0;border-width:2px 0 0 2px}.hud-corner--tr{top:0;right:0;border-width:2px 2px 0 0}.hud-corner--bl{bottom:0;left:0;border-width:0 0 2px 2px}.hud-corner--br{bottom:0;right:0;border-width:0 2px 2px 0}#root{position:relative;z-index:1}.app-main{width:100%;max-width:960px;margin:0 auto;padding:calc(var(--nav-height) + 1.5rem) 1.5rem 4rem;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.app-main--visible{opacity:1;transform:translateY(0)}@keyframes scanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes scanFlicker{0%,to{opacity:1}50%{opacity:.97}51%{opacity:1}52%{opacity:.98}}@keyframes statusPulse{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 6px #34d39900}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatarScan{0%{top:-100%}to{top:200%}}@keyframes glitch1{0%,to{clip-path:inset(0 0 95% 0);transform:translate(-2px)}20%{clip-path:inset(30% 0 40% 0);transform:translate(2px)}40%{clip-path:inset(60% 0 10% 0);transform:translate(-1px)}60%{clip-path:inset(10% 0 70% 0);transform:translate(1px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(-2px)}}@keyframes glitch2{0%,to{clip-path:inset(95% 0 0 0);transform:translate(2px)}25%{clip-path:inset(20% 0 60% 0);transform:translate(-2px)}50%{clip-path:inset(50% 0 30% 0);transform:translate(1px)}75%{clip-path:inset(70% 0 15% 0);transform:translate(-1px)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes skillFill{0%{width:0}to{width:var(--level)}}@keyframes bioScan{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(400%);opacity:0}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes bootFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes navSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes btnPulse{0%,to{box-shadow:0 0 #22d3ee66}50%{box-shadow:0 0 0 8px #22d3ee00}}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal--up{transform:translateY(32px)}.reveal--left{transform:translate(-32px)}.reveal--right{transform:translate(32px)}.reveal--visible{opacity:1;transform:translate(0)}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch-text:hover:before{opacity:.8;color:var(--cyan);animation:glitch1 .3s linear infinite}.glitch-text:hover:after{opacity:.8;color:var(--red);animation:glitch2 .3s linear infinite}.typewriter-cursor{color:var(--cyan);animation:cursorBlink .8s step-end infinite;margin-left:1px}.boot-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);transition:opacity .6s var(--ease),visibility .6s}.boot-loader--exit{opacity:0;visibility:hidden}.boot-loader-inner{width:min(520px,90vw);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-glow)}.boot-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:#0000004d;border-bottom:1px solid var(--border)}.boot-dot{width:10px;height:10px;border-radius:50%}.boot-dot--red{background:#f87171}.boot-dot--amber{background:#fbbf24}.boot-dot--green{background:#34d399}.boot-title{margin-left:.5rem;font-family:var(--font-mono);font-size:.65rem;color:var(--text-tertiary);letter-spacing:.1em}.boot-body{padding:1.25rem 1.5rem;min-height:140px;font-family:var(--font-mono);font-size:.75rem;color:var(--green)}.boot-line{animation:bootFadeIn .3s var(--ease) both;margin-bottom:.35rem}.boot-cursor{animation:cursorBlink .7s step-end infinite}.boot-progress{position:relative;height:4px;background:#22d3ee14}.boot-progress-bar{height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .1s linear;box-shadow:0 0 12px var(--cyan-glow)}.boot-progress-label{position:absolute;right:1rem;bottom:.75rem;font-family:var(--font-mono);font-size:.6rem;color:var(--cyan)}.cyber-cursor{position:fixed;top:0;left:0;z-index:99999;pointer-events:none;transform:translate(-50%,-50%)}.cursor-dot{position:absolute;width:4px;height:4px;background:var(--cyan);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px var(--cyan-glow)}.cursor-ring{position:absolute;width:28px;height:28px;border:1px solid rgba(34,211,238,.5);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .15s var(--ease),border-color .15s}.cursor-cross-h,.cursor-cross-v{position:absolute;background:#22d3ee4d}.cursor-cross-h{width:12px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-cross-v{width:1px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.cyber-cursor.clicking .cursor-ring{transform:translate(-50%,-50%) scale(.75);border-color:var(--green)}.cyber-nav{position:fixed;top:0;left:0;right:0;z-index:9000;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#02061799;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:all var(--transition)}.cyber-nav--scrolled{background:#020617eb;border-bottom-color:var(--border);box-shadow:var(--shadow-md)}.nav-brand{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-brand-icon{display:flex;color:var(--cyan)}.nav-brand-icon svg{width:22px;height:22px}.nav-brand-text{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.08em;color:var(--text-primary)}.nav-brand-accent{color:var(--cyan)}.nav-links{display:flex;list-style:none;gap:.15rem}.nav-link{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--font-mono);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all var(--transition)}.nav-link-index{color:var(--cyan);opacity:.5;font-size:.55rem}.nav-link:hover,.nav-link--active{color:var(--cyan);border-color:var(--border);background:var(--cyan-dim)}.nav-link--active{box-shadow:inset 0 0 12px #22d3ee14}.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--cyan);padding:.4rem;cursor:pointer}.nav-toggle svg{width:20px;height:20px}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8998;background:#0009;opacity:0;visibility:hidden;transition:all var(--transition)}.nav-overlay--open{opacity:1;visibility:visible}.nav-mobile{position:fixed;top:0;right:0;z-index:8999;width:min(280px,85vw);height:100vh;background:#020617f7;border-left:1px solid var(--border);padding:calc(var(--nav-height) + 1rem) 1.5rem;transform:translate(100%);transition:transform .35s var(--ease)}.nav-mobile--open{transform:translate(0)}.nav-mobile-links{list-style:none}.nav-mobile-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 0;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color var(--transition);animation:navSlideIn .4s var(--ease) both}.nav-mobile-link span{color:var(--cyan);font-size:.65rem}.nav-mobile-link:hover{color:var(--cyan)}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;margin-bottom:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.65rem;color:var(--text-tertiary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-bar-left{display:flex;align-items:center;gap:.6rem}.status-indicator{display:flex;align-items:center;gap:.35rem;color:var(--green)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:statusPulse 2s ease-in-out infinite}.status-label{text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.6rem}.status-divider{opacity:.3}.status-clock{color:var(--cyan);font-variant-numeric:tabular-nums}.status-bar-right{display:flex;align-items:center;gap:.6rem}.status-tag{padding:.15rem .45rem;background:var(--cyan-dim);border:1px solid rgba(34,211,238,.15);border-radius:var(--radius-sm);color:var(--cyan);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.status-tag--green{background:var(--green-dim);border-color:#34d39926;color:var(--green)}.hero{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.hero-avatar-wrapper{position:relative;flex-shrink:0}.hero-avatar-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--radius-lg);border:2px dashed rgba(34,211,238,.25);animation:ringRotate 12s linear infinite}.hero-avatar-scan{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);overflow:hidden;pointer-events:none;z-index:2}.hero-avatar-scan:after{content:"";position:absolute;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent,rgba(34,211,238,.15),transparent);animation:avatarScan 3s ease-in-out infinite}.hero-avatar{position:relative;z-index:1;width:140px;height:140px;border-radius:var(--radius-lg);object-fit:cover;object-position:top center;border:2px solid rgba(34,211,238,.25);box-shadow:0 0 0 4px #22d3ee0d,var(--shadow-md);transition:all var(--transition)}.hero-avatar-wrapper:hover .hero-avatar{border-color:#22d3ee80;box-shadow:0 0 0 4px #22d3ee1a,var(--shadow-glow)}.hero-badge{position:absolute;bottom:-6px;right:-6px;z-index:3;width:34px;height:34px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;color:var(--green);box-shadow:0 0 12px var(--green-glow)}.hero-badge svg{width:16px;height:16px}.hero-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.hero-greeting{font-family:var(--font-mono);font-size:.65rem;color:var(--green);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.hero-greeting-bracket{color:var(--cyan);margin:0 .2rem}.hero-name{font-family:var(--font-display);font-size:2.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.hero-role{font-family:var(--font-mono);font-size:.85rem;color:var(--cyan);font-weight:500;display:flex;align-items:center;gap:.4rem;min-height:1.4em}.hero-role-icon{display:inline-flex;color:var(--cyan)}.hero-role-icon svg{width:16px;height:16px}.hero-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.hero-meta-item{font-family:var(--font-body);font-size:.72rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.3rem}.hero-cta{display:flex;gap:.6rem;margin-top:.75rem;flex-wrap:wrap}.btn{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.72rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;transition:all var(--transition);overflow:hidden;cursor:pointer}.btn svg{width:16px;height:16px}.btn--primary{background:linear-gradient(135deg,#22d3ee33,#34d39926);border:1px solid rgba(34,211,238,.35);color:var(--cyan-bright);animation:btnPulse 3s ease-in-out infinite}.btn--primary:hover{background:linear-gradient(135deg,#22d3ee4d,#34d39940);transform:translateY(-2px);box-shadow:var(--shadow-cyan)}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn--ghost:hover{border-color:var(--border-hover);color:var(--cyan);background:var(--cyan-dim)}.btn--lg{padding:.75rem 1.4rem;font-size:.75rem}.btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(34,211,238,.15),transparent);transform:translate(-100%);transition:transform .6s}.btn--primary:hover .btn-glow{transform:translate(100%)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:2rem}.stat-card{position:relative;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-cyan)}.stat-value{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--cyan);line-height:1.2}.stat-label{font-family:var(--font-body);font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.stat-corner{position:absolute;width:8px;height:8px;border-color:#22d3ee4d;border-style:solid}.stat-corner--tl{top:4px;left:4px;border-width:1px 0 0 1px}.stat-corner--br{bottom:4px;right:4px;border-width:0 1px 1px 0}.bio-card{position:relative;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.75rem;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bio-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--cyan),var(--green))}.bio-card--about{margin-bottom:0}.bio-label{font-family:var(--font-mono);font-size:.65rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.bio-label svg{width:16px;height:16px}.bio-text{font-family:var(--font-body);font-size:.88rem;color:var(--text-secondary);line-height:1.75}.bio-scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bio-scanline:after{content:"";position:absolute;left:0;right:0;height:2px;background:#22d3ee33;animation:bioScan 4s ease-in-out infinite}.links-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2.5rem}.link-chip{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.72rem;font-weight:500;transition:all var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.link-chip:hover{border-color:var(--border-active);color:var(--cyan);background:var(--cyan-dim);transform:translateY(-2px);box-shadow:var(--shadow-cyan)}.link-chip svg{width:16px;height:16px}.link-chip-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(34,211,238,.15),transparent 60%);opacity:0;transition:opacity var(--transition)}.link-chip:hover .link-chip-glow{opacity:1}.section{margin-bottom:3rem}.section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem}.section-index{font-family:var(--font-mono);font-size:.6rem;color:var(--cyan);opacity:.5;font-weight:600}.section-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--cyan-dim);border:1px solid rgba(34,211,238,.15);color:var(--cyan)}.section-icon svg{width:18px;height:18px}.section-title{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em}.section-line{flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.skill-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.skill-category{padding:1rem 1.15rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skill-category-title{font-family:var(--font-mono);font-size:.65rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.85rem;font-weight:600}.skill-bar-row{margin-bottom:.75rem}.skill-bar-row:last-child{margin-bottom:0}.skill-bar-header{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:.68rem;color:var(--text-secondary);margin-bottom:.3rem}.skill-bar-pct{font-family:var(--font-mono);color:var(--green);font-size:.6rem}.skill-bar-track{height:4px;background:#22d3ee14;border-radius:var(--radius-full);overflow:hidden}.reveal--visible .skill-bar-fill{animation:skillFill 1.2s var(--ease) forwards}.skill-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:var(--radius-full);box-shadow:0 0 8px var(--cyan-glow)}.skills-grid{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tag{padding:.38rem .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.68rem;color:var(--text-secondary);transition:all var(--transition)}.skill-tag:before{content:"›";margin-right:.3rem;color:var(--cyan);font-weight:700}.skill-tag:hover{border-color:var(--border-hover);color:var(--cyan-bright);background:var(--cyan-dim);transform:translateY(-1px)}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.capability-card{position:relative;padding:1rem 1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;gap:.85rem;transition:all var(--transition);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.capability-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-cyan)}.capability-pulse{position:absolute;top:1rem;right:1rem;width:8px;height:8px;border-radius:50%;border:1px solid var(--cyan)}.capability-card:hover .capability-pulse{animation:pulseRing 1.5s ease-out infinite}.capability-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.capability-icon.pentest{background:var(--red-dim);border:1px solid rgba(248,113,113,.15)}.capability-icon.threat{background:var(--amber-dim);border:1px solid rgba(251,191,36,.15)}.capability-icon.forensic{background:var(--cyan-dim);border:1px solid rgba(34,211,238,.15)}.capability-icon.incident{background:var(--green-dim);border:1px solid rgba(52,211,153,.15)}.capability-name{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-primary)}.capability-desc{font-family:var(--font-body);font-size:.68rem;color:var(--text-tertiary)}.projects-grid{display:grid;gap:.65rem}.tilt-card{position:relative;transition:transform .15s var(--ease);transform-style:preserve-3d}.tilt-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.08),transparent 70%);opacity:0;transition:opacity var(--transition);pointer-events:none;z-index:1}.tilt-card:hover .tilt-card-shine{opacity:1}.project-card{position:relative;padding:1.2rem 1.35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:inherit;display:block;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--cyan),var(--green));opacity:0;transition:opacity var(--transition)}.tilt-card:hover .project-card{border-color:var(--border-hover);box-shadow:var(--shadow-cyan),var(--shadow-md)}.tilt-card:hover .project-card:before{opacity:1}.project-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;gap:.5rem}.project-name{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.project-id{font-family:var(--font-mono);font-size:.55rem;color:var(--text-tertiary);padding:.1rem .4rem;background:var(--bg-elevated);border-radius:var(--radius-sm)}.project-status{font-family:var(--font-mono);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .45rem;border-radius:var(--radius-sm);flex-shrink:0}.project-status--active{color:var(--green);background:var(--green-dim);border:1px solid rgba(52,211,153,.15)}.project-status--deployed{color:var(--cyan);background:var(--cyan-dim);border:1px solid rgba(34,211,238,.15)}.project-status--archived{color:var(--text-tertiary);background:#47556926;border:1px solid rgba(71,85,105,.2)}.project-status--classified{color:var(--amber);background:var(--amber-dim);border:1px solid rgba(251,191,36,.15)}.project-desc{font-family:var(--font-body);font-size:.78rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.75rem}.project-footer{display:flex;align-items:center;justify-content:space-between}.project-tags{display:flex;flex-wrap:wrap;gap:.3rem}.project-tag{padding:.12rem .45rem;background:var(--cyan-dim);border:1px solid rgba(34,211,238,.12);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.6rem;color:var(--cyan)}.project-arrow{color:var(--text-tertiary);transition:all var(--transition);display:flex}.tilt-card:hover .project-arrow{transform:translate(3px,-3px);color:var(--cyan)}.timeline{position:relative;padding-left:1.25rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--cyan),var(--green),transparent);opacity:.3}.timeline-card{position:relative;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.6rem;transition:all var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-node{position:absolute;left:-1.55rem;top:1.25rem;width:9px;height:9px;border-radius:50%;background:var(--cyan);border:2px solid var(--bg-primary);box-shadow:0 0 8px var(--cyan-glow)}.timeline-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translate(4px)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.2rem;gap:.75rem}.timeline-title{font-family:var(--font-body);font-weight:600;font-size:.88rem;color:var(--text-primary)}.timeline-date{font-family:var(--font-mono);font-size:.65rem;color:var(--green);padding:.2rem .5rem;background:var(--green-dim);border:1px solid rgba(52,211,153,.12);border-radius:var(--radius-sm);white-space:nowrap}.timeline-subtitle{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);margin-bottom:.15rem}.timeline-desc{font-family:var(--font-body);font-size:.72rem;color:var(--text-tertiary)}.cert-list{display:flex;flex-direction:column;gap:.45rem}.cert-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cert-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translate(4px)}.cert-badge{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cert-badge.verified{background:var(--green);box-shadow:0 0 8px var(--green-glow)}.cert-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.cert-name{font-family:var(--font-body);font-size:.82rem;color:var(--text-secondary);font-weight:500}.cert-meta{font-family:var(--font-body);font-size:.62rem;color:var(--text-tertiary)}.cert-status{font-family:var(--font-mono);font-size:.55rem;color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.lang-row{display:flex;gap:.5rem;flex-wrap:wrap}.lang-chip{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition)}.lang-chip:hover{border-color:var(--border-hover);transform:translateY(-2px)}.lang-flag{font-size:1.1rem}.lang-info{display:flex;flex-direction:column;gap:.05rem;font-family:var(--font-body);font-size:.78rem;color:var(--text-secondary)}.lang-level{font-family:var(--font-mono);font-size:.58rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.06em}.contact-section{margin-bottom:2rem}.contact-card{position:relative;padding:2rem 1.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(34,211,238,.08),transparent 50%),radial-gradient(circle at 70% 50%,rgba(52,211,153,.06),transparent 50%);animation:scanFlicker 4s ease-in-out infinite}.contact-text{position:relative;font-family:var(--font-body);font-size:.88rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.7}.contact-actions{position:relative;display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.contact-phone{position:relative;font-family:var(--font-mono);font-size:.68rem;color:var(--text-tertiary)}.footer{text-align:center;padding-top:2.5rem;border-top:1px solid var(--border);font-family:var(--font-body);font-size:.65rem;color:var(--text-tertiary)}.footer-hud{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.footer-hud span{width:6px;height:6px;border-radius:50%;background:var(--cyan);opacity:.3;animation:statusPulse 2s ease-in-out infinite}.footer-hud span:nth-child(2){animation-delay:.3s;opacity:.5}.footer-hud span:nth-child(3){animation-delay:.6s;opacity:.7}.footer-hud span:nth-child(4){animation-delay:.9s;opacity:1}.footer-accent{color:var(--cyan)}.footer-sub{margin-top:.25rem;opacity:.6}@media (max-width: 900px){.skill-categories{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{display:none}.nav-toggle{display:flex}.cyber-nav{padding:0 1rem}.hud-frame{display:none}}@media (max-width: 640px){html{font-size:18px}.app-main{padding:calc(var(--nav-height) + 1rem) 1rem 3rem}.hero{flex-direction:column;text-align:center;gap:1.25rem}.hero-avatar{width:120px;height:120px}.hero-name{font-size:1.65rem}.hero-meta,.hero-cta,.hero-role{justify-content:center}.status-bar{flex-direction:column;align-items:flex-start;gap:.35rem}.status-bar-left{flex-wrap:wrap}.capability-grid{grid-template-columns:1fr}.timeline-header{flex-direction:column;gap:.25rem}.timeline-date{align-self:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions .btn{justify-content:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.matrix-rain,.scan-overlay,.hero-avatar-scan,.bio-scanline{display:none}body.custom-cursor,body.custom-cursor *{cursor:auto!important}.cyber-cursor{display:none}}