:root{--bg: #08080f;--bg-soft: #0d0d1a;--card: rgba(255, 255, 255, .035);--border: rgba(255, 255, 255, .08);--text: #eef0ff;--muted: #9a9db8;--accent: #7c83fd;--accent-2: #56ccf2;--accent-3: #b47cff;--grad: linear-gradient(100deg, #7c83fd, #56ccf2 55%, #b47cff)}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;max-width:100vw;overflow-x:hidden;position:relative}h1,h2,h3,.nav-logo{font-family:Space Grotesk,sans-serif;word-break:break-word;overflow-wrap:break-word}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit}.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#08080fb3;border-bottom:1px solid rgba(255,255,255,.05)}.nav-logo{font-weight:700;font-size:1.25rem;letter-spacing:.5px}.nav-logo span{color:var(--accent)}.nav nav{display:flex;gap:20px;align-items:center}.nav nav a{color:var(--muted);font-size:.92rem;transition:color .2s}.nav nav a:hover{color:var(--text)}.nav-cta{background:#ffffff0a;border:1px solid var(--border);padding:8px 18px;border-radius:999px;color:var(--text)!important;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-cta:hover{border-color:var(--accent);background:#7c83fd26;color:#fff!important;box-shadow:0 0 15px #7c83fd40}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 6vw 80px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}.orb-a{width:480px;height:480px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(124,131,253,.55),transparent 65%);animation:drift 14s ease-in-out infinite alternate}.orb-b{width:420px;height:420px;bottom:-140px;right:-100px;background:radial-gradient(circle,rgba(180,124,255,.4),transparent 65%);animation:drift 18s ease-in-out infinite alternate-reverse}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}.hero-inner{position:relative;z-index:1;max-width:860px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-2);font-family:JetBrains Mono,monospace;font-size:.9rem;margin:0 0 14px;border:1px solid rgba(86,204,242,.25);padding:6px 14px;border-radius:999px;background:#56ccf20f}.hero h1{font-size:clamp(2.8rem,7vw,5.2rem);line-height:1.02;margin:0 0 18px;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-name-sub{display:block;font-size:.45em;letter-spacing:.35em;text-transform:uppercase;margin-top:10px}.hero-typer{font-family:JetBrains Mono,monospace;font-size:clamp(1.05rem,2.4vw,1.5rem);color:var(--text);min-height:2.2em}.caret{color:var(--accent);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero-blurb{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:560px;margin:18px auto 30px}.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-meta{margin-top:34px;display:flex;gap:14px;justify-content:center;align-items:center;color:var(--muted);font-size:.85rem}.hero-meta span{display:inline-flex;align-items:center;gap:6px}.hero-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:var(--muted);z-index:1}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:12px;font-weight:600;font-size:.95rem;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad);color:#0a0a12;box-shadow:0 8px 30px #7c83fd59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 38px #7c83fd80}.btn-ghost{border:1px solid var(--border);color:var(--text);background:#ffffff05}.btn-ghost:hover{border-color:var(--accent);background:#7c83fd14}.btn-terminal{border:1px solid rgba(124,131,253,.3);color:var(--text);background:#0d0d1ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.btn-terminal:hover{border-color:#0f8;background:#00ff8814;box-shadow:0 0 20px #00ff8826}.btn-terminal .term-icon{color:#0f8}.term-kbd-hint{font-size:.72rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:1px 6px;border-radius:4px;color:var(--muted);margin-left:2px}.nav-term-link,.nav-palette-link{display:inline-flex;align-items:center;gap:6px;background:#7c83fd14;border:1px solid rgba(124,131,253,.2);color:var(--accent-2);font-size:.82rem;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.nav-term-link:hover,.nav-palette-link:hover{border-color:var(--accent);color:#fff;background:#7c83fd2e}.nav-kbd{font-size:.7rem;background:#ffffff1a;padding:1px 5px;border-radius:4px;color:var(--muted)}.btn-palette{border:1px solid rgba(124,131,253,.3);color:var(--text);background:#0d0d1ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.btn-palette:hover{border-color:var(--accent-2);background:#56ccf214;box-shadow:0 0 20px #56ccf226}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:16px 0;background:var(--bg-soft);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:scroll 28s linear infinite}.marquee-item{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--muted);display:inline-flex;align-items:center;gap:22px;padding-right:22px}.marquee-item i{color:var(--accent);font-style:normal}@keyframes scroll{to{transform:translate(-50%)}}.section{padding:110px 6vw;max-width:1150px;margin:0 auto}.section-kicker{font-family:JetBrains Mono,monospace;color:var(--accent);font-size:.85rem;letter-spacing:.12em;margin:0 0 10px}.section h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 40px;font-weight:700}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.spotlight-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;max-width:100%;min-width:0;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}.spotlight-border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;transition:opacity .3s ease}.spotlight-ambient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;transition:opacity .3s ease}.spotlight-inner{position:relative;z-index:3;width:100%;max-width:100%;min-width:0;height:100%;box-sizing:border-box}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}.about-lead{color:var(--muted);font-size:1.08rem;line-height:1.8;margin:0}.about-facts{display:grid;gap:14px}.fact{border-radius:14px;padding:18px 22px}.fact .spotlight-inner{display:flex;align-items:baseline;gap:14px}.fact strong{font-family:Space Grotesk,sans-serif;font-size:1.5rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.fact span{color:var(--muted);font-size:.92rem}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;max-width:100%}.proj-span{grid-column:1 / -1;width:100%;max-width:100%;min-width:0}.tilt-card{position:relative;height:100%;padding:30px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.proj-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.proj-card.featured{background:linear-gradient(140deg,#7c83fd1f,#56ccf20d),var(--card)}.proj-anchor{display:block;height:100%}.proj-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;width:100%;gap:8px}.proj-icon{display:inline-flex;padding:10px;border-radius:12px;background:#7c83fd1f;color:var(--accent);border:1px solid rgba(124,131,253,.25);flex-shrink:0}.proj-tag{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--accent-2);border:1px solid rgba(86,204,242,.3);padding:4px 10px;border-radius:999px;flex-shrink:0}.proj-card h3{margin:0 0 10px;font-size:1.35rem;word-break:break-word;overflow-wrap:break-word}.proj-desc{color:var(--muted);line-height:1.65;font-size:.96rem;margin:0 0 18px;word-break:break-word;overflow-wrap:break-word}.proj-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;width:100%}.proj-stack span{font-family:JetBrains Mono,monospace;font-size:.75rem;background:#ffffff0d;border:1px solid var(--border);padding:4px 10px;border-radius:8px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-2);font-size:.88rem;font-family:JetBrains Mono,monospace;max-width:100%;word-break:break-all;overflow-wrap:anywhere}.proj-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:6px;width:100%}.proj-sim-btn{display:inline-flex;align-items:center;gap:6px;background:#7c83fd1f;border:1px solid rgba(124,131,253,.3);color:var(--accent-2);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.proj-sim-btn:hover{background:#7c83fd40;border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.proj-sim-btn.active{background:#00ff8826;border-color:#0f86;color:#0f8}.arch-simulator{margin-top:28px;padding:26px;border-radius:18px;background:#0a0a16f2;border:1px solid rgba(124,131,253,.28);box-shadow:0 16px 40px #0009,0 0 30px #7c83fd14}.arch-mode-switcher{display:flex;gap:12px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.arch-mode-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.arch-mode-btn:hover{border-color:#7c83fd66;color:var(--text);background:#7c83fd0f}.arch-mode-btn.active{background:#7c83fd26;border-color:var(--accent);color:#fff;box-shadow:0 0 20px #7c83fd40}.topology-diagram{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.topo-tier{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px}.topo-tier-header{font-size:.72rem;color:var(--accent-2);letter-spacing:.08em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px dashed rgba(255,255,255,.08);word-break:break-word;white-space:normal}.topo-tier-body{display:flex;justify-content:center}.tier-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mesh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;width:100%}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%}.topo-node{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#0d0d1ad9;border:1px solid var(--border);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left}.topo-node:hover{transform:translateY(-2px);border-color:#7c83fd80;box-shadow:0 8px 24px #00000080}.topo-node.selected{border-color:var(--accent);background:#7c83fd24;box-shadow:0 0 20px #7c83fd4d}.topo-node strong{display:block;font-size:.86rem;margin-bottom:2px}.topo-node span{display:block;font-size:.7rem;color:var(--muted)}.client-node .node-icon{color:#56ccf2}.gateway-node .node-icon{color:#7c83fd}.eureka-node .node-icon{color:#ffb347}.booking-c{color:#b47cff}.seat-c{color:#0f8}.wallet-c{color:#ffb347}.train-c{color:#ff7ee5}.auth-c{color:#56ccf2}.kafka-node .node-icon{color:#4facfe}.redis-node .node-icon{color:#ff5f56}.db-node .node-icon{color:#0f8}.topo-connector-down{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);opacity:.7}.topo-connector-down span{font-size:.68rem;letter-spacing:.05em;color:var(--accent-2)}.topo-inspector{background:#0d0d1af2;border:1px solid rgba(124,131,253,.3);border-radius:14px;padding:20px 24px;box-shadow:0 10px 30px #00000080}.inspector-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.inspector-badge{font-size:.68rem;color:var(--accent-2);background:#56ccf21a;border:1px solid rgba(86,204,242,.25);padding:2px 8px;border-radius:999px;display:inline-block;margin-bottom:4px}.inspector-head h4{margin:0;font-size:1.2rem;font-family:Space Grotesk,sans-serif}.inspector-meta{display:flex;gap:14px;font-size:.75rem;color:var(--muted)}.inspector-desc{color:var(--text);font-size:.9rem;line-height:1.6;margin:0 0 16px}.inspector-details strong{display:block;font-size:.78rem;color:var(--accent);margin-bottom:8px;letter-spacing:.05em}.inspector-details ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}.inspector-details li{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:var(--muted);line-height:1.5}.check-bullet{color:#0f8;flex-shrink:0;margin-top:3px}.arch-flows-bar{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06)}.arch-flows-title{display:block;font-size:.75rem;color:var(--muted);margin-bottom:10px;letter-spacing:.05em}.arch-flows-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.arch-flow-tab{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:10px 14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .2s;color:var(--text)}.arch-flow-tab:hover:not(:disabled){border-color:#7c83fd66;background:#7c83fd0f}.arch-flow-tab.active{border-color:var(--accent);background:#7c83fd1f;box-shadow:0 0 16px #7c83fd33}.flow-tab-title{font-size:.85rem;font-weight:600;font-family:Space Grotesk,sans-serif}.flow-tab-badge{font-size:.68rem;color:var(--accent-2)}.arch-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:20px}.arch-title-group{max-width:600px}.arch-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--accent-2);background:#56ccf21a;border:1px solid rgba(86,204,242,.25);padding:3px 10px;border-radius:999px;margin-bottom:8px}.arch-pulse-icon{animation:pulse-dot 1.5s infinite}.arch-header h4{margin:2px 0 6px;font-size:1.25rem;font-family:Space Grotesk,sans-serif}.arch-subtitle{color:var(--muted);font-size:.86rem;line-height:1.5;margin:0}.arch-controls{display:flex;gap:10px;flex-wrap:wrap}.arch-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;padding:8px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.arch-btn.disabled{opacity:.5;cursor:not-allowed}.arch-btn-primary{background:var(--grad);color:#08080f;box-shadow:0 4px 15px #7c83fd59}.arch-btn-primary:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c83fd80}.arch-btn-ghost{background:#ffffff0a;border-color:var(--border);color:var(--muted)}.arch-btn-ghost:hover:not(.disabled){background:#ffffff14;color:var(--text)}.arch-mesh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px}.arch-svc-card{padding:14px 10px;border-radius:12px;background:#ffffff05;border:1px solid var(--border);text-align:center;position:relative;transition:all .25s ease}.arch-svc-card.active{background:#7c83fd14;box-shadow:0 0 24px #7c83fd4d}.svc-icon-box{position:relative;width:38px;height:38px;margin:0 auto 8px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.arch-svc-card.active .svc-icon-box{border-color:var(--svc-color, var(--accent));background:#7c83fd2e}.svc-icon{color:var(--svc-color, var(--accent))}.svc-live-dot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:#0f8;box-shadow:0 0 8px #0f8;animation:pulse-dot 1.2s infinite}.svc-name{display:block;font-size:.84rem;margin-bottom:2px}.svc-sub{display:block;font-size:.68rem;color:var(--muted)}.arch-bitmask-card{background:#00ff880d;border:1px solid rgba(0,255,136,.25);border-radius:10px;padding:14px 18px;margin-bottom:16px;font-size:.78rem}.bitmask-header{display:flex;align-items:center;gap:8px;color:#0f8;font-weight:600;margin-bottom:8px}.bitmask-grid{display:grid;gap:4px;line-height:1.6}.code-hl{color:var(--accent-2);background:#56ccf21a;padding:1px 6px;border-radius:4px}.code-success{color:#0f8;font-weight:600}.bitmask-result{margin-top:4px;padding-top:4px;border-top:1px dashed rgba(0,255,136,.2)}.arch-result-banner{border-radius:10px;padding:12px 18px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.arch-result-banner.success{background:#00ff8814;border:1px solid rgba(0,255,136,.3)}.arch-result-banner.error{background:#ff5f5614;border:1px solid rgba(255,95,86,.3)}.arch-result-banner.success .res-icon{color:#0f8}.arch-result-banner.error .res-icon{color:#ff5f56}.res-title{display:block;font-size:.72rem;letter-spacing:.08em;font-weight:600}.arch-result-banner.success .res-title{color:#0f8}.arch-result-banner.error .res-title{color:#ff7b72}.res-desc{margin:2px 0 0;font-size:.88rem;color:var(--text)}.arch-terminal-wrap{background:#06060c;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;font-family:JetBrains Mono,monospace}.arch-terminal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.arch-term-dots{display:flex;gap:6px}.arch-term-dots .dot{width:9px;height:9px;border-radius:50%}.arch-term-dots .red{background:#ff5f56}.arch-term-dots .yellow{background:#ffbd2e}.arch-term-dots .green{background:#27c93f}.arch-term-title{font-size:.72rem;color:var(--muted)}.arch-term-mode{font-size:.7rem;color:var(--accent-2)}.arch-terminal-body{padding:12px 14px;max-height:130px;overflow-y:auto;font-size:.75rem;line-height:1.5;display:grid;gap:4px}.arch-log-line{display:flex;gap:8px}.log-time{color:var(--muted);opacity:.7;flex-shrink:0}.log-svc{color:var(--accent-2);font-weight:500;flex-shrink:0}.log-info .log-text{color:#d0d2ff}.log-success .log-text{color:#0f8}.log-warn .log-text{color:#ffb347}.log-error .log-text{color:#ff5f56}.log-cursor{color:#0f8}.arch-blinking-cursor{animation:blink 1s infinite}.skills-interactive-container{display:flex;flex-direction:column;gap:22px}.skills-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.skills-category-tabs{display:flex;background:#ffffff08;border:1px solid var(--border);padding:4px;border-radius:999px;gap:4px;overflow-x:auto}.skill-cat-btn{position:relative;background:none;border:none;padding:8px 18px;border-radius:999px;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s;white-space:nowrap}.skill-cat-btn:hover{color:var(--text)}.skill-cat-btn.active{color:#fff;font-weight:600}.skill-cat-active-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad);border-radius:999px;z-index:0;box-shadow:0 4px 15px #7c83fd59}.skill-cat-label{position:relative;z-index:1}.skills-view-switch{display:flex;background:#ffffff08;border:1px solid var(--border);padding:4px;border-radius:10px;gap:4px}.skills-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:none;background:none;color:var(--muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.skills-mode-btn:hover{color:var(--text)}.skills-mode-btn.active{background:#7c83fd33;color:var(--accent-2);border:1px solid rgba(124,131,253,.4)}.skills-interactive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;width:100%;max-width:100%}.skill-card-wrapper{height:100%;width:100%;max-width:100%;min-width:0}.interactive-skill-card{height:100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:20px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.interactive-skill-card.hovered{border-color:var(--card-accent, var(--accent))!important;box-shadow:0 12px 30px #0009,0 0 25px var(--card-accent, rgba(124, 131, 253, .4))!important;transform:translateY(-4px)}.interactive-skill-card.connected-glow{border-color:#56ccf299!important;background:#56ccf20f!important;box-shadow:0 0 20px #56ccf240!important}.skill-header{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:0;gap:6px}.skill-icon-wrap{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-badge-hl{font-size:.68rem;color:#0f8;background:#00ff881f;border:1px solid rgba(0,255,136,.3);padding:2px 8px;border-radius:999px;flex-shrink:0}.skill-badge-synergy{font-size:.68rem;color:#56ccf2;background:#56ccf21f;border:1px solid rgba(86,204,242,.35);padding:2px 8px;border-radius:999px;animation:pulse-dot 1.5s infinite;flex-shrink:0}.skill-info{margin:4px 0 2px;width:100%;min-width:0}.skill-title{display:block;font-size:1.05rem;margin-bottom:2px;font-family:Space Grotesk,sans-serif;word-break:break-word;overflow-wrap:break-word}.skill-level{display:block;font-size:.76rem;color:var(--accent-2);word-break:break-word;overflow-wrap:break-word}.skill-desc{color:var(--muted);font-size:.84rem;line-height:1.55;margin:0;word-break:break-word;overflow-wrap:break-word}.skills-synergy-legend{display:flex;align-items:center;gap:14px;background:#0d0d1af2;border:1px solid rgba(124,131,253,.35);border-radius:12px;padding:14px 20px;box-shadow:0 10px 30px #00000080,0 0 20px #7c83fd26}.legend-icon-badge{width:36px;height:36px;border-radius:10px;background:#7c83fd1a;border:1px solid rgba(124,131,253,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.legend-text{font-size:.86rem;line-height:1.5;color:var(--text)}.legend-text strong{color:var(--accent-2)}.legend-text span{color:var(--muted)}.journey-timeline-container{position:relative;padding-left:12px}.timeline-laser-track{position:absolute;left:31px;top:24px;bottom:40px;width:2px;z-index:1}.timeline-guide-line{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff14;border-radius:999px}.timeline-laser-beam{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--accent, #7c83fd),var(--accent-2, #56ccf2) 60%,#00ff88);border-radius:999px;box-shadow:0 0 12px var(--accent-2),0 0 24px var(--accent)}.timeline-list{display:flex;flex-direction:column;gap:28px}.tl-row{display:flex;gap:28px;position:relative;z-index:2}.tl-node{flex-shrink:0;display:flex;justify-content:center;padding-top:6px}.tl-dot-ring{width:42px;height:42px;border-radius:50%;background:#0d0d1a;border:1.5px solid rgba(124,131,253,.4);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 0 16px #7c83fd40;transition:all .3s ease}.tl-row:hover .tl-dot-ring{border-color:var(--accent-2);color:var(--accent-2);box-shadow:0 0 24px #56ccf280,0 0 8px #fff;transform:scale(1.1)}.tl-icon{transition:transform .3s ease}.tl-row:hover .tl-icon{transform:rotate(5deg) scale(1.1)}.tl-content-wrap{flex:1;max-width:820px}.tl-card{padding:24px 28px;border-radius:16px}.tl-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tl-badge{font-size:.72rem;color:var(--accent-2);background:#56ccf21a;border:1px solid rgba(86,204,242,.25);padding:3px 10px;border-radius:999px}.tl-when{font-size:.8rem;color:var(--muted)}.tl-title{margin:4px 0;font-size:1.25rem}.tl-loc{font-size:.86rem;color:var(--muted);margin:0 0 12px}.tl-desc{color:var(--muted);line-height:1.65;font-size:.95rem;margin:0 0 16px}.tl-tags{display:flex;flex-wrap:wrap;gap:8px}.tl-tag{font-size:.72rem;background:#ffffff0a;border:1px solid var(--border);padding:3px 9px;border-radius:6px;color:var(--muted);transition:border-color .2s,color .2s}.tl-row:hover .tl-tag{border-color:#7c83fd4d;color:var(--text)}.floating-tech-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.floating-tech-badge{position:absolute;pointer-events:auto;opacity:.45;transition:opacity .3s ease,transform .3s ease}.floating-tech-badge:hover{opacity:1;transform:scale(1.1)}.floating-badge-inner{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:#0d0d1abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:.75rem;box-shadow:0 8px 24px #00000080,0 0 12px var(--badge-glow, rgba(124, 131, 253, .3))}.floating-badge-icon{color:var(--badge-glow, var(--accent))}.contact{text-align:center}.contact-lead{color:var(--muted);margin:-14px 0 30px}.contact-primary-row{display:flex;justify-content:center;margin-bottom:24px}.contact-send-btn{padding:14px 36px;font-size:.98rem;border-radius:999px;cursor:pointer}.contact-social-icons{display:flex;gap:16px;justify-content:center;align-items:center}.social-icon-btn{width:48px;height:48px;border-radius:50%;background:#ffffff0a;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text);transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer}.social-icon-btn:hover{background:#7c83fd29;border-color:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #7c83fd59}.footer{border-top:1px solid var(--border);padding:28px 6vw;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.term-floating-btn{position:fixed;bottom:24px;right:24px;z-index:60;background:#0d0d1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(124,131,253,.35);border-radius:999px;padding:10px 18px;color:var(--text);cursor:pointer;box-shadow:0 10px 30px #00000073,0 0 16px #7c83fd40;transition:border-color .2s,box-shadow .2s}.term-floating-btn:hover{border-color:var(--accent);box-shadow:0 12px 36px #0000008c,0 0 24px #7c83fd66}.term-btn-inner{display:flex;align-items:center;gap:10px}.term-btn-icon{color:var(--accent-2)}.term-btn-label{font-size:.88rem;font-weight:500;letter-spacing:.5px}.term-btn-ping{width:8px;height:8px;border-radius:50%;background:#0f8;box-shadow:0 0 8px #0f8;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.term-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#040408bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.term-window{position:relative;width:100%;max-width:760px;height:520px;background:#0a0a14;border:1px solid rgba(124,131,253,.28);border-radius:14px;box-shadow:0 25px 60px #000000b3,0 0 35px #7c83fd26;display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease,height .25s ease}.term-window.maximized{max-width:95vw;height:90vh}.terminal-matrix-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.25;z-index:0}.term-titlebar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;z-index:1}.term-dots{display:flex;gap:8px;align-items:center}.term-dot{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:filter .15s}.term-dot:hover{filter:brightness(1.2)}.dot-close{background:#ff5f56}.dot-min{background:#ffbd2e}.dot-max{background:#27c93f}.term-title{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.term-actions{display:flex;align-items:center;gap:8px}.term-action-icon{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.term-action-icon:hover{color:var(--text);background:#ffffff0f}.term-chips{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0d0d1a66;border-bottom:1px solid rgba(255,255,255,.04);overflow-x:auto;z-index:1}.term-chips-label{font-size:.72rem;color:var(--muted);flex-shrink:0}.term-chip{background:#7c83fd14;border:1px solid rgba(124,131,253,.2);color:var(--accent-2);font-family:JetBrains Mono,monospace;font-size:.75rem;padding:2px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.term-chip:hover{background:#7c83fd33;border-color:var(--accent);transform:translateY(-1px)}.term-body{flex:1;padding:18px 20px;overflow-y:auto;font-size:.88rem;line-height:1.6;z-index:1}.term-welcome-title{margin:0 0 6px;font-weight:600;font-size:.95rem}.term-welcome-desc{margin:0 0 16px;color:var(--muted);font-size:.84rem}.term-cmd-highlight{color:#0f8;background:#00ff8814;padding:1px 5px;border-radius:4px}.term-accent{color:var(--accent);font-weight:600}.term-line-system{margin-bottom:14px}.term-line-cmd{display:flex;align-items:baseline;gap:10px;margin-top:14px}.term-prompt{color:var(--muted);font-weight:500;flex-shrink:0}.term-user{color:#0f8}.term-path{color:var(--accent-2)}.term-cmd-text{color:var(--text)}.term-line-output{margin:8px 0 14px;padding-left:4px}.term-input-row{display:flex;align-items:center;gap:10px;margin-top:8px}.term-input{flex:1;background:transparent;border:none;outline:none;color:#eef0ff;font-family:JetBrains Mono,monospace;font-size:.88rem;caret-color:#0f8}.term-help-grid{display:grid;gap:6px;margin:6px 0}.term-table-header{display:grid;grid-template-columns:180px 1fr;color:var(--muted);font-size:.72rem;letter-spacing:.1em;padding-bottom:4px;border-bottom:1px dashed rgba(255,255,255,.1);margin-bottom:4px}.term-table-row{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:12px}.term-chip-link{background:none;border:none;color:var(--accent-2);font-family:inherit;font-size:inherit;text-align:left;cursor:pointer;padding:0;transition:color .15s}.term-chip-link:hover{color:#0f8;text-decoration:underline}.term-text-muted{color:var(--muted)}.term-highlight{color:#56ccf2}.term-error{color:#ff5f56}.term-success{color:#0f8}.term-block,.term-skills-block{display:grid;gap:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:14px;border-radius:8px}.term-skill-group{line-height:1.5}.term-projects-list{display:grid;gap:12px}.term-proj-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:12px 14px;border-radius:8px}.term-proj-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.term-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent-2);font-size:.8rem;transition:color .15s}.term-link:hover{color:var(--text);text-decoration:underline}.term-resume-box{border-color:#7c83fd40;background:#7c83fd0a}.term-btn-action{display:inline-flex;align-items:center;gap:8px;margin-top:6px;width:fit-content;background:var(--grad);color:#08080f;font-weight:600;font-size:.8rem;padding:6px 14px;border-radius:6px;text-decoration:none}.term-btn-action:hover{opacity:.95;transform:translateY(-1px)}.term-hire-box{background:#00ff880f;border:1px solid rgba(0,255,136,.25);border-radius:8px;padding:16px;margin:8px 0}.term-hire-title{color:#0f8;font-weight:700;margin:0 0 10px}.term-ascii-art{color:#0f8;font-size:.72rem;line-height:1.2;margin:8px 0 14px;overflow-x:auto}.term-hire-text{color:var(--text);line-height:1.6;margin-bottom:12px}.term-hire-cta{color:#0f8;font-weight:600;text-decoration:underline}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050cbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:99990;display:flex;align-items:flex-start;justify-content:center;padding:10vh 20px 20px}.palette-modal{width:100%;max-width:620px;background:#0d0d1af5;border:1px solid rgba(124,131,253,.35);border-radius:18px;box-shadow:0 24px 60px #000c,0 0 35px #7c83fd26;overflow:hidden;display:flex;flex-direction:column}.palette-search-box{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.palette-search-icon{color:var(--accent);flex-shrink:0}.palette-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:1.05rem;font-family:inherit}.palette-input::placeholder{color:var(--muted);opacity:.7}.palette-clear-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.palette-clear-btn:hover{color:var(--text)}.palette-kbd{font-size:.72rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:3px 7px;border-radius:5px;color:var(--muted)}.palette-list{max-height:380px;overflow-y:auto;padding:10px}.palette-empty{padding:40px 20px;text-align:center;color:var(--muted)}.palette-empty p{color:var(--text);font-weight:500;margin:0 0 6px}.palette-empty span{font-size:.84rem}.palette-category-group{margin-bottom:8px}.palette-cat-header{font-size:.7rem;letter-spacing:.08em;color:var(--muted);padding:8px 12px 4px;text-transform:uppercase}.palette-item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:background .15s ease,transform .1s ease}.palette-item:hover,.palette-item.active{background:#7c83fd24}.palette-item-icon{width:32px;height:32px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--accent-2);flex-shrink:0}.palette-item.active .palette-item-icon{background:#7c83fd40;border-color:var(--accent);color:#fff}.palette-item-content{flex:1;min-width:0}.palette-item-title-row{display:flex;align-items:center;gap:8px}.palette-item-title{font-weight:500;font-size:.92rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-item-badge{font-size:.68rem;background:#00ff8826;border:1px solid rgba(0,255,136,.3);color:#0f8;padding:1px 6px;border-radius:4px}.palette-item-subtitle{display:block;font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.palette-shortcut{font-size:.7rem;color:var(--muted);background:#ffffff0f;padding:2px 6px;border-radius:4px}.palette-enter-icon{color:var(--accent);opacity:0;transition:opacity .15s}.palette-enter-icon.visible{opacity:1}.palette-footer{display:flex;align-items:center;gap:16px;padding:10px 18px;border-top:1px solid rgba(255,255,255,.06);background:#08081099;font-size:.75rem;color:var(--muted)}.palette-hint{display:inline-flex;align-items:center;gap:6px}.contact-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050ccc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:99995;display:flex;align-items:center;justify-content:center;padding:20px}.contact-modal-card{width:100%;max-width:580px;background:#0d0d1afa;border:1.5px solid rgba(124,131,253,.35);border-radius:20px;box-shadow:0 24px 70px #000000d9,0 0 35px #7c83fd2e;padding:30px;position:relative;overflow:hidden}.contact-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.contact-modal-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;background:#7c83fd1a;border:1px solid rgba(124,131,253,.25);color:var(--accent-2);padding:4px 10px;border-radius:6px}.contact-modal-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.contact-modal-close:hover{background:#ffffff14;color:var(--text)}.contact-modal-intro h3{font-size:1.45rem;margin:0 0 6px}.contact-modal-intro p{color:var(--muted);font-size:.9rem;margin:0 0 20px}.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label-row{display:flex;align-items:center;justify-content:space-between}.form-label{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:6px}.char-count{font-size:.72rem;color:var(--muted);opacity:.7}.topic-pill-group{display:flex;flex-wrap:wrap;gap:8px}.topic-pill{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:.78rem;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .2s}.topic-pill:hover{border-color:var(--accent);color:var(--text)}.topic-pill.active{background:#7c83fd29;border-color:var(--accent);color:#fff;font-weight:500}.form-input,.form-textarea{background:#080810cc;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 12px #7c83fd40}.form-input.error,.form-textarea.error{border-color:#ff5f56}.field-error{font-size:.72rem;color:#ff5f56;margin-top:2px}.form-actions{margin-top:8px}.submit-btn{width:100%;justify-content:center;font-size:.95rem;cursor:pointer;border:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.contact-success-state{text-align:center;padding:20px 10px 10px}.success-icon-badge{width:72px;height:72px;border-radius:50%;background:#00ff881a;border:1.5px solid rgba(0,255,136,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#0f8}.contact-success-state h3{font-size:1.5rem;margin:0 0 10px}.contact-success-state p{color:var(--muted);font-size:.92rem;line-height:1.6;max-width:440px;margin:0 auto 24px}.contact-success-state code{color:var(--accent-2);background:#56ccf21a;padding:2px 6px;border-radius:4px}.success-actions{display:flex;flex-direction:column;gap:10px}.success-btn{justify-content:center;width:100%}@media (max-width: 820px){.nav{padding:12px 5vw}.nav-logo{font-size:1.15rem}.nav nav{gap:8px}.nav nav a:not(.nav-cta){display:none}.nav-palette-link,.nav-term-link{padding:6px 9px;font-size:.78rem;gap:4px}.nav-kbd{display:none}.nav-cta{padding:6px 12px;font-size:.8rem}.section{padding:70px 5vw;width:100%;max-width:100vw}.section h2{font-size:clamp(1.6rem,5.5vw,2.2rem);margin-bottom:28px}.floating-tech-container{display:none!important}.hero{padding:95px 5vw 60px;min-height:90vh}.hero h1{font-size:clamp(2rem,8.5vw,3.4rem);margin-bottom:12px}.hero-name-sub{letter-spacing:.16em;font-size:.4em;margin-top:6px}.hero-typer{font-size:.98rem;min-height:2em}.hero-blurb{font-size:.92rem;margin:12px auto 22px;line-height:1.6}.hero-ctas{flex-direction:column;width:100%;max-width:300px;margin:0 auto;gap:10px}.hero-ctas .btn{width:100%;justify-content:center;padding:12px 18px;font-size:.9rem}.hero-meta{flex-direction:column;gap:6px;margin-top:20px;font-size:.78rem}.hero-meta .dot,.scroll-hint{display:none}.about-grid{grid-template-columns:1fr;gap:24px}.about-lead{font-size:.96rem;line-height:1.7}.about-facts{grid-template-columns:1fr;gap:10px}.fact{padding:14px 18px}.projects{grid-template-columns:minmax(0,1fr)!important;gap:16px;width:100%;max-width:100%}.proj-span{grid-column:auto!important;width:100%;max-width:100%;min-width:0}.spotlight-card,.tilt-card{transform:none!important;max-width:100%!important;min-width:0!important}.tilt-card{padding:18px 14px;width:100%;max-width:100%}.proj-card{width:100%;max-width:100%;min-width:0}.proj-head{margin-bottom:12px;width:100%}.proj-card h3{font-size:1.2rem;word-break:break-word;overflow-wrap:break-word}.proj-desc{font-size:.88rem;line-height:1.55;margin-bottom:14px;word-break:break-word;overflow-wrap:break-word}.proj-stack{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;width:100%}.proj-stack span{font-size:.7rem;padding:3px 8px;max-width:100%;white-space:normal}.proj-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;min-width:0}.proj-link{width:100%;max-width:100%;min-width:0;font-size:.74rem;word-break:break-all;overflow-wrap:anywhere;white-space:normal;line-height:1.4;display:flex;align-items:center;gap:6px}.proj-sim-btn{width:100%;justify-content:center;text-align:center;padding:8px 12px;font-size:.76rem}.arch-simulator{padding:16px 12px;margin-top:18px;border-radius:14px}.arch-mode-switcher{flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:12px}.arch-mode-btn{width:100%;justify-content:center;padding:9px 12px;font-size:.82rem}.tier-split{grid-template-columns:1fr;gap:10px}.mesh-grid,.data-grid{grid-template-columns:1fr;gap:8px}.topo-tier{padding:12px}.topo-node{padding:10px 12px;gap:10px}.topo-node strong{font-size:.82rem}.topo-inspector{padding:16px 14px}.inspector-head{flex-direction:column;gap:6px}.inspector-meta{flex-wrap:wrap;gap:8px}.inspector-details ul{grid-template-columns:1fr}.arch-header{flex-direction:column;align-items:stretch;gap:12px}.arch-controls{width:100%;display:flex}.arch-btn{flex:1;justify-content:center;padding:8px 10px;font-size:.78rem}.arch-mesh-grid{grid-template-columns:repeat(2,1fr);gap:8px}.arch-svc-card{padding:10px 6px}.arch-flows-tabs{grid-template-columns:1fr}.skills-interactive-container{width:100%;max-width:100%;min-width:0}.skills-toolbar{flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:100%;min-width:0}.skills-category-tabs{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3px;border-radius:12px}.skills-category-tabs::-webkit-scrollbar{display:none}.skill-cat-btn{padding:6px 12px;font-size:.78rem;flex-shrink:0}.skills-interactive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;width:100%;max-width:100%;min-width:0}.skill-card-wrapper{width:100%;max-width:100%;min-width:0}.interactive-skill-card{padding:10px 8px;border-radius:12px;gap:4px;min-height:0;width:100%;max-width:100%;min-width:0;overflow:hidden}.skill-header{margin-bottom:2px;width:100%;min-width:0}.skill-icon-wrap{width:28px;height:28px;border-radius:7px;flex-shrink:0}.skill-icon-wrap svg{width:14px;height:14px}.skill-badge-hl,.skill-badge-synergy{display:none!important}.skill-info{margin:0;width:100%;min-width:0}.skill-title{font-size:.82rem;line-height:1.25;margin-bottom:1px;white-space:normal;word-break:break-word;overflow-wrap:break-word}.skill-level{font-size:.65rem;line-height:1.2;white-space:normal;word-break:break-word;overflow-wrap:break-word}.skill-desc{display:none!important}.skills-synergy-legend{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;font-size:.8rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.legend-text{width:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}.journey-timeline-container{padding-left:0}.timeline-laser-track{left:17px;top:14px;bottom:24px}.tl-row{gap:12px}.tl-node{padding-top:4px}.tl-dot-ring{width:34px;height:34px}.tl-dot-ring svg{width:15px;height:15px}.tl-content-wrap{width:calc(100% - 46px);min-width:0}.tl-card{padding:16px 14px}.tl-card-header{flex-direction:column;align-items:flex-start;gap:4px}.tl-title{font-size:1.08rem}.tl-loc{font-size:.82rem;margin-bottom:8px}.tl-desc{font-size:.88rem;margin-bottom:12px}.contact-lead{font-size:.92rem;margin:-10px 0 24px}.contact-primary-row{width:100%;margin-bottom:20px}.contact-send-btn{width:100%;max-width:320px;justify-content:center;padding:13px 20px;font-size:.92rem}.contact-social-icons{gap:14px}.social-icon-btn{width:44px;height:44px}.footer{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 5vw 85px;font-size:.78rem}.term-floating-btn{bottom:16px;right:16px;padding:7px 12px;font-size:.75rem}.terminal-window{width:calc(100vw - 16px)!important;max-width:100vw!important;height:75vh!important;right:8px!important;bottom:8px!important;left:8px!important;border-radius:14px!important}.term-table-header,.term-table-row{grid-template-columns:1fr;gap:4px}.palette-backdrop{padding:4vh 10px 10px}.palette-modal{max-height:85vh;border-radius:14px}.palette-search-box{padding:14px}.palette-input{font-size:.95rem}.palette-item{padding:10px 12px}.palette-footer{display:none}.contact-modal-backdrop{padding:10px}.contact-modal-card{padding:20px 14px;max-height:90vh;overflow-y:auto}.form-row{grid-template-columns:1fr;gap:10px}}
