:root{--bg-dark: #0d1117;--bg-darker: #010409;--bg-card: rgba(22,27,34,.8);--bg-card-hover: rgba(30,37,46,.9);--bg-editor: #161b22;--bg-titlebar: #010409;--accent: #58a6ff;--accent-2: #f78166;--accent-3: #3fb950;--accent-glow: rgba(88,166,255,.25);--accent-2-glow: rgba(247,129,102,.2);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--border: #21262d;--border-hover: #58a6ff;--syntax-keyword: #ff7b72;--syntax-string: #a5d6ff;--syntax-func: #d2a8ff;--syntax-comment: #484f58;--syntax-number: #79c0ff;--syntax-type: #ffa657;--font-main: "Space Grotesk", sans-serif;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-sm: 4px;--shadow-card: 0 4px 24px rgba(0,0,0,.4);--shadow-glow: 0 0 40px rgba(88,166,255,.12);--transition: .3s cubic-bezier(.25, .46, .45, .94);--section-padding: 120px 0}:root[data-theme-3d=minimalist]{--bg-dark: #09090b;--bg-darker: #000000;--bg-card: rgba(18,18,24,.85);--bg-card-hover: rgba(27,27,36,.95);--bg-editor: #121216;--bg-titlebar: #050507;--accent: #38bdf8;--accent-2: #f8fafc;--accent-3: #94a3b8;--accent-glow: rgba(56,189,248,.35);--accent-2-glow: rgba(248,250,252,.25);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #27272a;--border-hover: #38bdf8;--syntax-keyword: #38bdf8;--syntax-string: #f8fafc;--syntax-func: #cbd5e1;--syntax-comment: #52525b;--syntax-number: #a1a1aa;--syntax-type: #e2e8f0;--shadow-card: 0 4px 24px rgba(0,0,0,.7);--shadow-glow: 0 0 40px rgba(56,189,248,.2)}:root[data-theme-3d=cyberpunk],:root[data-theme-3d=futuristic]{--bg-dark: #05060a;--bg-darker: #020306;--bg-card: rgba(14,18,32,.78);--bg-card-hover: rgba(20,26,44,.9);--bg-editor: #0b0f1c;--bg-titlebar: #020306;--accent: #ff00ff;--accent-2: #00e5ff;--accent-3: #7c4dff;--accent-glow: rgba(255,0,255,.3);--accent-2-glow: rgba(0,229,255,.25);--text-primary: #eaf6ff;--text-secondary: #8ea3c7;--text-muted: #4a5878;--border: #1b2742;--border-hover: #ff00ff;--syntax-keyword: #ff2d95;--syntax-string: #18ffff;--syntax-func: #7c4dff;--syntax-number: #2979ff;--syntax-type: #00e5ff;--shadow-glow: 0 0 48px rgba(255,0,255,.18)}:root[data-theme-3d=ocean]{--bg-dark: #06101e;--bg-darker: #030812;--bg-card: rgba(12,26,46,.8);--bg-card-hover: rgba(18,36,62,.92);--bg-editor: #0a1628;--bg-titlebar: #030812;--accent: #0088ff;--accent-2: #00e5ff;--accent-3: #38bdf8;--accent-glow: rgba(0,136,255,.3);--accent-2-glow: rgba(0,229,255,.22);--text-primary: #f0f9ff;--text-secondary: #7dd3fc;--text-muted: #3882a6;--border: #0f2d4a;--border-hover: #0088ff;--syntax-keyword: #00e5ff;--syntax-string: #7dd3fc;--syntax-func: #38bdf8;--syntax-number: #60a5fa;--syntax-type: #0088ff;--shadow-glow: 0 0 48px rgba(0,136,255,.18)}:root[data-theme-3d=sunset],:root[data-theme-3d=organic]{--bg-dark: #12090d;--bg-darker: #0a0407;--bg-card: rgba(32,16,24,.78);--bg-card-hover: rgba(44,22,33,.9);--bg-editor: #1a0c13;--bg-titlebar: #0a0407;--accent: #ff6600;--accent-2: #ff0055;--accent-3: #ff9900;--accent-glow: rgba(255,102,0,.3);--accent-2-glow: rgba(255,0,85,.22);--text-primary: #fff1f2;--text-secondary: #fca5a5;--text-muted: #9f4a56;--border: #3b1725;--border-hover: #ff6600;--syntax-keyword: #ff0055;--syntax-string: #ff9900;--syntax-func: #cc00ff;--syntax-number: #ff3366;--syntax-type: #ff6600;--shadow-glow: 0 0 48px rgba(255,102,0,.18)}:root[data-theme-3d=emerald]{--bg-dark: #051410;--bg-darker: #020b08;--bg-card: rgba(10,32,24,.8);--bg-card-hover: rgba(16,46,35,.92);--bg-editor: #081d17;--bg-titlebar: #020b08;--accent: #10b981;--accent-2: #34d399;--accent-3: #059669;--accent-glow: rgba(16,185,129,.3);--accent-2-glow: rgba(52,211,153,.22);--text-primary: #ecfdf5;--text-secondary: #6ee7b7;--text-muted: #2d8a66;--border: #0c3829;--border-hover: #10b981;--syntax-keyword: #34d399;--syntax-string: #a7f3d0;--syntax-func: #10b981;--syntax-number: #059669;--syntax-type: #6ee7b7;--shadow-glow: 0 0 48px rgba(16,185,129,.18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:calc(16px * var(--font-scale, 1));overflow-x:clip}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text-primary);overflow-x:clip;cursor:none;line-height:1.7}h1,h2,h3,.section-title,.hero-name{font-family:var(--font-display);font-weight:var(--weight-display, 700);letter-spacing:var(--tracking-display, -.02em)}.card,.skill-category,.timeline-item,.project-card,.achievement-card,.stat-card,.hero-term-window,.contact-card,.hero-tile,.bento-tile,.ts-skill-card{border-width:var(--border-width, 1px);-webkit-backdrop-filter:blur(var(--card-blur, 16px));backdrop-filter:blur(var(--card-blur, 16px))}::selection{background:var(--accent);color:#fff}a{text-decoration:none;color:inherit}ul{list-style:none}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,#21262d 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0;opacity:.4}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}section{position:relative;z-index:1;padding:var(--section-padding)}.section-container{max-width:1200px;margin:0 auto;padding:0 40px}.section-header{margin-bottom:48px}.section-label{font-family:var(--font-mono);font-size:.8rem;color:var(--syntax-comment);letter-spacing:2px;display:block;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:var(--weight-display, 700);letter-spacing:var(--tracking-display, -.02em);color:var(--text-primary)}#loader{position:fixed;inset:0;background:var(--bg-darker);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}#loader.hidden{opacity:0;visibility:hidden}.loader-inner{width:380px;max-width:90vw}.loader-terminal{background:var(--bg-editor);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.terminal-titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-titlebar);border-bottom:1px solid var(--border)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);margin-left:8px}.loader-output{padding:20px 16px 12px}.loader-text{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-3);letter-spacing:0}.terminal-prompt{color:var(--accent-3);margin-right:6px}.loader-bar{width:calc(100% - 32px);height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin:0 16px 16px}.loader-progress{height:100%;background:var(--accent);width:0%;border-radius:2px;transition:width .1s ease}#cursor{position:fixed;width:8px;height:8px;background:var(--accent);border-radius:2px;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}#cursor-follower{position:fixed;width:32px;height:32px;border:1px dashed rgba(88,166,255,.4);border-radius:4px;pointer-events:none;z-index:9997;transform:translate(-50%,-50%);transition:all .12s ease}body.cursor-hover #cursor{width:14px;height:14px;background:var(--accent-2);border-radius:3px}body.cursor-hover #cursor-follower{width:44px;height:44px;border-color:var(--accent-2)}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:20px 60px;transition:all .4s ease}#navbar.scrolled{padding:12px 60px;background:#010409eb;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--font-mono);font-size:1.2rem;font-weight:500;color:var(--text-primary);cursor:pointer}.nav-logo .bracket{color:var(--accent)}.nav-links{display:flex;gap:4px;align-items:center}.nav-link{font-family:var(--font-mono);font-size:.78rem;font-weight:400;color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-sm);position:relative;transition:color var(--transition),background var(--transition);border-bottom:2px solid transparent}.nav-icon{color:var(--text-muted);margin-right:4px}.nav-link:hover{color:var(--text-primary);background:#58a6ff0f}.nav-link.active{color:var(--text-primary);border-bottom-color:var(--accent);background:#58a6ff14}.data-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .4s ease}.data-badge.live{color:var(--accent-3);border-color:#3fb9504d;background:#3fb9500f}.data-badge.error{color:var(--accent-2);border-color:#f781664d}.data-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .4s}.data-badge.live .data-dot{background:var(--accent-3);box-shadow:0 0 6px #3fb95099;animation:livePulse 2s ease infinite}.data-badge.error .data-dot{background:var(--accent-2)}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 6px #3fb95099}50%{opacity:.6;box-shadow:0 0 12px #3fb9504d}}.nav-mobile-active-chip{display:none;align-items:center;gap:6px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:99px;padding:4px 10px;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:.05em;text-transform:capitalize}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:livePulse 2s ease infinite}.nav-toggle{display:none;width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:1001}.nav-toggle:hover{background:#ffffff1a;border-color:var(--accent)}.nav-toggle .bar{width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .25s cubic-bezier(.16,1,.3,1);transform-origin:center}.nav-toggle.active .bar-1{transform:translateY(7px) rotate(45deg)}.nav-toggle.active .bar-2{opacity:0;transform:scaleX(0)}.nav-toggle.active .bar-3{transform:translateY(-7px) rotate(-45deg)}.mobile-menu-backdrop{position:fixed;inset:0;z-index:9999;background:#010409d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:16px;box-sizing:border-box}.mobile-menu-drawer{width:100%;max-width:440px;max-height:94vh;background:var(--bg-editor);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px #0009,0 0 40px #3b82f61a;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer-brand{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.drawer-close-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.drawer-close-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:var(--accent)}.drawer-links-scroll{flex:1;overflow-y:auto;padding:14px 16px;scrollbar-width:none}.drawer-links-scroll::-webkit-scrollbar{display:none}.drawer-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.drawer-nav-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1)}.drawer-nav-card:hover{background:#3b82f614;border-color:#3b82f64d;transform:translate(4px)}.drawer-nav-card.active{background:#3b82f626;border-color:var(--accent);box-shadow:0 0 16px #3b82f626}.drawer-icon-box{width:36px;height:36px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.drawer-nav-card.active .drawer-icon-box{background:var(--accent);color:#fff;border-color:var(--accent)}.drawer-link-meta{flex:1;display:flex;flex-direction:column;gap:2px}.drawer-link-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.drawer-link-sub{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.drawer-active-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--accent);background:#3b82f626;border:1px solid rgba(59,130,246,.3);padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em}.drawer-footer{padding:16px;border-top:1px solid var(--border);background:#0003;display:flex;flex-direction:column;gap:12px}.drawer-cta-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:.9rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 16px #3b82f659;transition:all .2s ease}.drawer-cta-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.drawer-status-line{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.drawer-status-dot{width:6px;height:6px;border-radius:50%;background:#3fb950;box-shadow:0 0 8px #3fb95099;animation:livePulse 2s ease infinite}#hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 80px 60px;gap:60px;position:relative;overflow:hidden}.hero-content{z-index:2}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#3fb95014;border:1px solid rgba(63,185,80,.2);border-radius:var(--radius-sm);padding:6px 14px;font-size:.78rem;color:var(--accent-3);font-family:var(--font-mono);margin-bottom:30px;opacity:0;transform:translateY(-20px)}.tag-dot{width:6px;height:6px;background:var(--accent-3);border-radius:50%;animation:blink 1.5s ease infinite}.tag-sep{color:var(--text-muted);margin:0 2px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-editor-frame{background:var(--bg-editor);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.editor-titlebar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-titlebar);border-bottom:1px solid var(--border)}.editor-dot{width:10px;height:10px;border-radius:50%}.editor-dot.red{background:#ff5f57}.editor-dot.yellow{background:#febc2e}.editor-dot.green{background:#28c840}.editor-filename{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);margin-left:8px}.editor-content{padding:16px;font-family:var(--font-mono);font-size:.82rem;line-height:2}.line-number{color:var(--text-muted);user-select:none;display:inline-block;width:28px;text-align:right;margin-right:16px;font-size:.72rem}.code-comment{color:var(--syntax-comment);font-style:italic}.code-keyword{color:var(--syntax-keyword)}.code-func{color:var(--syntax-func)}.code-string{color:var(--syntax-string)}.code-type{color:var(--syntax-type)}.hero-name{display:inline}.name-line{display:inline;color:var(--accent);font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5rem);font-weight:800;line-height:1;opacity:0;transform:translateY(20px)}.hero-title{font-family:var(--font-mono);font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:400;color:var(--text-secondary);margin-bottom:20px;min-height:1.8rem;opacity:0}.typing-prefix{color:var(--accent-3)}.cursor-blink{color:var(--accent);animation:blink .8s step-end infinite}.hero-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:36px;opacity:0}.hero-cta{display:flex;gap:16px;margin-bottom:44px;opacity:0}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#fff;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;font-family:var(--font-mono);transition:all var(--transition);border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary:hover{background:#79b8ff}.btn-primary span,.btn-primary svg{position:relative;z-index:1}.btn-primary svg{width:16px;height:16px;transition:transform .3s}.btn-primary:hover svg{transform:translate(3px)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--text-primary);padding:12px 24px;border-radius:var(--radius-sm);font-weight:500;font-size:.85rem;font-family:var(--font-mono);border:1px dashed var(--border);transition:all var(--transition)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.btn-full{width:100%;justify-content:center}.hero-stats{display:flex;align-items:center;gap:24px;opacity:0;font-family:var(--font-mono)}.stat{display:flex;align-items:baseline;gap:4px}.stat-key{font-size:.72rem;color:var(--text-muted)}.stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--accent)}.stat-plus{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--accent)}.stat-unit{font-size:.72rem;color:var(--text-muted);margin-left:2px}.stat p{font-size:.72rem;color:var(--text-muted);margin-top:2px}.stat-divider{width:1px;height:28px;background:var(--border)}.hero-terminal{position:relative;display:flex;align-items:center;justify-content:center}.hero-term-window{width:100%;max-width:520px;background:var(--bg-editor);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-family:var(--font-mono);font-size:.78rem;line-height:1.7;box-shadow:var(--shadow-card)}.hero-term-body{display:flex;gap:24px;padding:20px;align-items:flex-start}.ascii-art{font-family:var(--font-mono);font-size:.62rem;line-height:1.25;color:var(--accent);white-space:pre;flex-shrink:0;opacity:.7}.neofetch-info{display:flex;flex-direction:column;gap:3px;min-width:0}.nf-line{display:flex;gap:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nf-key{color:var(--accent);font-weight:500;min-width:72px}.nf-sep{color:var(--text-muted);margin:0 6px}.nf-val{color:var(--text-secondary)}.nf-sep-line{height:1px;background:var(--border);margin:6px 0}.nf-colors{display:flex;gap:4px}.nf-color{width:16px;height:16px;border-radius:3px}.hero-term-prompt{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-titlebar)}.prompt-user{color:var(--accent-3);font-weight:500}.prompt-at{color:var(--text-muted)}.prompt-host{color:var(--syntax-func);font-weight:500}.prompt-dir{color:var(--accent)}.prompt-symbol{color:var(--text-secondary)}.prompt-cursor{color:var(--accent-3);animation:blink 1s step-end infinite}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:scrollFade 3s ease 3s infinite;color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);letter-spacing:2px}@keyframes scrollFade{0%,to{opacity:0;transform:translate(-50%) translateY(0)}40%,60%{opacity:.6;transform:translate(-50%) translateY(-8px)}}.scroll-mouse{width:20px;height:32px;border:1.5px solid var(--text-muted);border-radius:10px;display:flex;justify-content:center;padding-top:6px}.scroll-wheel{width:2px;height:6px;background:var(--text-muted);border-radius:2px;animation:scrollWheel 1.5s ease infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}#about{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(88,166,255,.03) 0%,transparent 70%)}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center}.about-visual{position:relative;display:flex;justify-content:center}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;width:300px;-webkit-backdrop-filter:blur(var(--card-blur, 16px));backdrop-filter:blur(var(--card-blur, 16px));transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.profile-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.profile-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar-core{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),var(--syntax-func));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0}.profile-meta h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary)}.profile-handle{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary)}.profile-bio{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.profile-stats{display:flex;gap:20px;margin-bottom:16px}.profile-stats span{font-size:.78rem;color:var(--text-secondary)}.profile-stats strong{color:var(--text-primary)}.card-badges{display:flex;gap:8px}.badge{background:#58a6ff0f;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 10px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-secondary)}.floating-chips{position:absolute;inset:0;pointer-events:none}.chip{position:absolute;background:var(--bg-editor);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:5px 12px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;animation:floatChip ease-in-out infinite}.chip-1{top:5%;left:-70px;animation-duration:4s;animation-delay:0s;border-left-color:var(--accent);color:var(--accent)}.chip-2{top:30%;right:-65px;animation-duration:5s;animation-delay:1s;border-left-color:var(--accent-2);color:var(--accent-2)}.chip-3{bottom:25%;left:-80px;animation-duration:6s;animation-delay:.5s;border-left-color:var(--accent-3);color:var(--accent-3)}.chip-4{bottom:5%;right:-70px;animation-duration:4.5s;animation-delay:1.5s;border-left-color:var(--syntax-func);color:var(--syntax-func)}@keyframes floatChip{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.about-text p{color:var(--text-secondary);margin-bottom:16px;line-height:1.9}.about-text strong{color:var(--text-primary)}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.detail-item{display:flex;gap:12px;align-items:flex-start;background:var(--bg-editor);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;transition:border-color var(--transition)}.detail-item:hover{border-color:var(--border-hover)}.detail-icon{font-size:.85rem;flex-shrink:0;margin-top:2px;color:var(--accent);font-family:var(--font-mono)}.detail-item strong{display:block;font-size:.78rem;color:var(--text-primary);margin-bottom:2px;font-family:var(--font-mono);letter-spacing:.5px}.detail-item p{font-size:.78rem;color:var(--text-muted);line-height:1.4}.deco-code{position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.72rem;line-height:1.9;color:var(--syntax-comment);opacity:.12;pointer-events:none;white-space:pre;z-index:0}#skills{background:radial-gradient(ellipse 60% 60% at 80% 50%,rgba(247,129,102,.02) 0%,transparent 70%)}.skills-grid,.skills-grid.skills-tags,.skills-grid.skills-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;max-width:1080px;margin:0 auto;width:100%}.skills-grid.skills-marquee,.skills-grid.skills-cloud,.skills-grid.skills-orbit,.skills-grid.skills-terminal,.skills-grid.skills-htop,.skills-grid.skills-tree{display:block;max-width:1080px;margin:0 auto;width:100%}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 26px;-webkit-backdrop-filter:blur(var(--card-blur, 16px));backdrop-filter:blur(var(--card-blur, 16px));transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);position:relative;overflow:hidden;width:100%}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.skill-category:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 8px 30px #00000040}.skill-category:hover:before{transform:scaleX(1)}.skill-cat-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.skill-cat-icon{font-size:.78rem;font-family:var(--font-mono);font-weight:700;padding:3px 8px;border-radius:3px;color:#fff}.skill-cat-icon.ts{background:#3178c6}.skill-cat-icon.py{background:#3572a5}.skill-cat-icon.json{background:#e5a00d;color:#000}.skill-cat-icon.md{background:#555}.skill-cat-header h3{font-family:var(--font-mono);font-size:.88rem;font-weight:500;color:var(--text-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:#58a6ff0f;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);cursor:default;transition:all .2s ease;position:relative}.skill-tag:hover{background:#58a6ff1f;border-color:var(--accent);color:var(--text-primary)}.skills-grid.skills-bars{grid-template-columns:repeat(2,1fr)}.skill-bars{display:flex;flex-direction:column;gap:8px}.skill-bar-row{display:flex;align-items:center;gap:10px}.skill-bar-name{width:100px;font-size:.78rem;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-bar-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:3px;width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.skill-bar-pct{width:28px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);text-align:right}.skill-category[data-cat="0"] .skill-bar-fill{background:#3178c6}.skill-category[data-cat="1"] .skill-bar-fill{background:#3572a5}.skill-category[data-cat="2"] .skill-bar-fill{background:#e5a00d}.skill-category[data-cat="3"] .skill-bar-fill{background:#3fb950}.skills-grid.skills-marquee{display:flex;flex-direction:column;gap:20px}.skill-marquee-row{display:flex;align-items:center;gap:20px;opacity:0;transform:translateY(20px)}.skill-marquee-label{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--accent);min-width:100px;text-align:right;flex-shrink:0}.skill-marquee-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.skill-marquee-inner{display:flex;gap:12px;width:max-content;animation:marquee-scroll 25s linear infinite}.skill-marquee-row:nth-child(2n) .skill-marquee-inner{animation-direction:reverse}.skill-marquee-track:hover .skill-marquee-inner{animation-play-state:paused}.skill-marquee-inner .skill-tag{flex-shrink:0}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-grid.skills-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:30px 10px}.skills-grid.skills-cloud .skill-tag{border-left-width:1px;transition:all .3s ease}.skills-grid.skills-cloud .skill-tag[data-category=frontend]{border-color:#3178c666;background:#3178c60f;color:#79c0ff}.skills-grid.skills-cloud .skill-tag[data-category=backend]{border-color:#3572a566;background:#3572a50f;color:#a5d6ff}.skills-grid.skills-cloud .skill-tag[data-category=ai]{border-color:#e5a00d66;background:#e5a00d0f;color:#f0c040}.skills-grid.skills-cloud .skill-tag[data-category=soft]{border-color:#3fb95066;background:#3fb9500f;color:#7ee787}.skills-grid.skills-cloud .skill-tag:hover{transform:scale(1.1)}.skills-grid.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.skill-grid-cell{background:var(--bg-editor);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;opacity:0;transform:translateY(20px)}.skill-grid-cell:hover{border-color:var(--cell-color);transform:translateY(-2px)}.skill-grid-level{width:4px;height:32px;background:var(--border);border-radius:2px;overflow:hidden;display:flex;align-items:flex-end}.skill-grid-level-fill{width:100%;background:var(--cell-color);border-radius:2px;transition:height 1s cubic-bezier(.22,1,.36,1)}.skill-grid-name{font-family:var(--font-mono);font-size:.68rem;color:var(--text-secondary);text-align:center;line-height:1.2;word-break:break-word}.skill-grid-pct{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted)}.skills-grid.skills-terminal{display:block;overflow:hidden}.skill-terminal{background:#0d1117;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-family:var(--font-mono);max-width:700px;margin:0 auto}.skill-term-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid var(--border)}.skill-term-dot{width:10px;height:10px;border-radius:50%}.skill-term-title{margin-left:10px;font-size:.72rem;color:var(--text-muted)}.skill-term-body{padding:16px 20px;line-height:1.8}.skill-term-section{margin-top:8px;margin-bottom:4px}.skill-term-section:first-child{margin-top:0}.skill-term-cat{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.skill-term-cat:before{content:"# ";color:var(--text-muted)}.skill-term-row{display:flex;align-items:center;gap:10px;font-size:.72rem;overflow:hidden}.skill-term-name{width:110px;color:var(--text-secondary);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-term-bar{letter-spacing:-1px;font-size:.6rem;line-height:1;opacity:.8;flex:1;min-width:0;overflow:hidden}.skill-term-val{width:36px;text-align:right;color:var(--text-muted);font-size:.68rem;flex-shrink:0}.skills-grid.skills-orbit{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px 0;overflow:hidden}.orbit-container{position:relative;width:100%;aspect-ratio:1;max-width:600px;display:flex;align-items:center;justify-content:center}.orbit-center{position:absolute;width:50px;height:50px;border-radius:50%;background:var(--bg-editor);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 20px #58a6ff26}.orbit-core-icon{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);font-weight:700}.orbit-ring{position:absolute;border:1px solid;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-dot{position:absolute;top:50%;left:50%;width:0;height:0;animation:orbit-rotate var(--duration) linear infinite}.orbit-dot-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);background:var(--bg-editor);border:1px solid var(--color);border-radius:10px;padding:3px 8px;pointer-events:auto;transition:all .2s}.orbit-dot-label:hover{color:var(--text-primary);background:#58a6ff1a;transform:translate(-50%,-50%) scale(1.15);z-index:5}@keyframes orbit-rotate{0%{transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(-1 * var(--angle)))}to{transform:rotate(calc(var(--angle) + 360deg)) translate(var(--radius)) rotate(calc(-1 * (var(--angle) + 360deg)))}}.orbit-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.orbit-legend-item{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary)}.orbit-legend-dot{width:8px;height:8px;border-radius:50%}#experience{background:radial-gradient(ellipse 60% 60% at 20% 50%,rgba(63,185,80,.02) 0%,transparent 70%)}.timeline{position:relative;padding-left:60px}.timeline-line{position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--border);opacity:.6;transform:scaleY(0);transform-origin:top}.timeline-item{position:relative;margin-bottom:40px;opacity:0;transform:translate(-40px)}.timeline-dot{position:absolute;left:-49px;top:28px;width:10px;height:10px;background:var(--accent-3);border-radius:2px;border:2px solid var(--bg-dark);transform:scale(0)}.timeline-item:not(:first-child) .timeline-dot{background:var(--text-muted)}.commit-hash{position:absolute;left:-49px;top:44px;font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);writing-mode:vertical-lr;letter-spacing:1px}.timeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;-webkit-backdrop-filter:blur(var(--card-blur, 16px));backdrop-filter:blur(var(--card-blur, 16px));transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);position:relative}.timeline-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.tc-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;flex-wrap:wrap}.tc-company-logo{width:42px;height:42px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--accent);flex-shrink:0}.tc-info{flex:1}.tc-info h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:4px}.tc-company{font-size:.82rem;color:var(--accent);font-weight:600;margin-right:10px}.tc-location{font-size:.78rem;color:var(--text-muted)}.tc-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);white-space:nowrap;margin-left:auto}.tc-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:12px;font-style:italic}.tc-bullets{list-style:none;margin-bottom:16px}.tc-bullets li{font-size:.85rem;color:var(--text-secondary);padding:3px 0 3px 18px;position:relative;line-height:1.6}.tc-bullets li:before{content:">";position:absolute;left:0;color:var(--accent-3);font-family:var(--font-mono);font-size:.78rem}.tc-bullets strong{color:var(--text-primary)}.tc-tech{display:flex;flex-wrap:wrap;gap:6px}.tc-tech span{font-size:.7rem;color:var(--accent);background:#58a6ff0f;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:2px 8px;font-family:var(--font-mono)}#projects{background:radial-gradient(ellipse 80% 60% at 50% 80%,rgba(247,129,102,.02) 0%,transparent 70%)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;-webkit-backdrop-filter:blur(var(--card-blur, 16px));backdrop-filter:blur(var(--card-blur, 16px));transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);position:relative;overflow:hidden;opacity:0;transform:scale(.85) rotate(-2deg);cursor:pointer}.project-card.featured{border-left:4px solid var(--accent)}.project-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.project-icon{display:flex;align-items:center;gap:8px}.repo-icon{width:18px;height:18px;color:var(--text-muted)}.project-badge{font-size:.68rem;font-family:var(--font-mono);color:var(--accent-3);background:#3fb95014;border:1px solid rgba(63,185,80,.2);border-radius:var(--radius-sm);padding:2px 8px}.project-badge.completed{color:var(--text-muted);background:#ffffff08;border-color:var(--border)}.project-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:4px;transition:color .2s}.project-card:hover .project-name{color:var(--accent)}.project-date{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:10px}.project-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card.expanded .project-desc{-webkit-line-clamp:unset;overflow:visible}.project-bullets{list-style:none;margin-bottom:16px;max-height:72px;overflow:hidden;transition:max-height .3s ease}.project-card.expanded .project-bullets{max-height:none}.project-view-more{display:none;font-size:.72rem;font-family:var(--font-mono);color:var(--accent);cursor:pointer;background:none;border:none;padding:0;margin-bottom:14px;opacity:.8;transition:opacity .2s}.project-view-more:hover{opacity:1}.project-card.clamped .project-view-more{display:inline-block}.project-bullets li{font-size:.78rem;color:var(--text-secondary);padding:2px 0 2px 14px;position:relative}.project-bullets li:before{content:">";position:absolute;left:0;color:var(--accent-3);font-family:var(--font-mono);font-size:.7rem}.project-tech{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lang-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.project-tech span{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);display:inline-flex;align-items:center;gap:4px}.project-card:hover .project-tech span{color:var(--text-secondary)}.project-links{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.project-link{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:5px;font-size:12px;font-family:var(--mono);font-weight:500;text-decoration:none;color:var(--text-muted);background:#8b949e14;border:1px solid var(--border);transition:all .2s}.project-link:hover{color:var(--accent);border-color:#58a6ff4d;background:#58a6ff14}.project-link.live{color:var(--text-muted)}.project-link.live:hover{color:var(--accent-3);border-color:#3fb9504d;background:#3fb95014}#achievements{background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(88,166,255,.03) 0%,transparent 70%)}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.achievement-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 20px;-webkit-backdrop-filter:blur(var(--card-blur, 16px));backdrop-filter:blur(var(--card-blur, 16px));transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);position:relative;overflow:hidden;opacity:0;transform:scale(0)}.achievement-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.ach-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ach-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.ach-trend{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-3)}.ach-icon{font-size:1.2rem;margin-bottom:0}.ach-number{font-family:var(--font-display);font-size:2.8rem;font-weight:800;color:var(--accent);line-height:1;margin-bottom:8px}.achievement-card h3{font-family:var(--font-display);font-size:.9rem;font-weight:600;margin-bottom:6px}.achievement-card p{font-size:.75rem;color:var(--text-muted);line-height:1.6}.ach-sparkline{margin-top:12px;height:24px}.ach-sparkline svg{width:100%;height:100%}#contact{background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(63,185,80,.03) 0%,transparent 70%)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.contact-intro{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:40px}.contact-items{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(var(--card-blur, 16px));backdrop-filter:blur(var(--card-blur, 16px));transition:border-color var(--transition),background var(--transition)}.contact-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.ci-icon{width:38px;height:38px;background:#58a6ff0f;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ci-icon svg{width:16px;height:16px;color:var(--accent)}.contact-item strong{display:block;font-size:.82rem;margin-bottom:2px}.contact-item p{font-size:.78rem;color:var(--text-muted)}.contact-form-wrap{background:var(--bg-editor);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.contact-form-wrap .terminal-titlebar{border-radius:0}.contact-form{display:flex;flex-direction:column;gap:16px;padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.78rem;color:var(--text-secondary);font-family:var(--font-mono)}.form-group input,.form-group textarea{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;transition:border-color var(--transition);outline:none;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}footer{position:relative;z-index:1;background:var(--bg-titlebar);border-top:1px solid var(--border);padding:0}.footer-content{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 16px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.status-left,.status-right{display:flex;align-items:center;gap:2px}.status-center{color:var(--text-muted)}.status-item{padding:0 10px;height:30px;display:flex;align-items:center;gap:5px;transition:background .2s}.status-item:hover{background:#ffffff0d}.status-item.branch svg{width:12px;height:12px;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){#hero{grid-template-columns:1fr;padding:120px 40px 80px}.hero-terminal{order:-1}.hero-cta{justify-content:center}.hero-stats{justify-content:center;flex-wrap:wrap}.about-grid{grid-template-columns:1fr;gap:50px}.about-visual{display:none}.about-details{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-grid.skills-bars{grid-template-columns:1fr}.skills-grid.skills-marquee{gap:14px}.skill-marquee-label{min-width:80px;font-size:.72rem}.skills-grid.skills-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.orbit-container{max-width:450px}.orbit-dot-label{font-size:.6rem;padding:2px 6px}.skill-term-name{width:90px}.skill-terminal{max-width:100%}.skill-term-body{padding:14px 16px}.achievements-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:50px}}@media(max-width:768px){:root{--section-padding: 80px 0}#navbar{padding:12px 20px;background:#010409bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}#navbar.scrolled{padding:10px 20px;background:#010409eb;box-shadow:0 4px 20px #0006}.nav-links,.data-badge{display:none}.nav-toggle,.nav-mobile-active-chip{display:flex}.section-container{padding:0 24px}#hero{padding:100px 24px 60px}.hero-editor-frame{margin-bottom:16px}.editor-content{padding:12px;font-size:.75rem}.name-line{font-size:clamp(2rem,8vw,3rem)}.hero-term-body{flex-direction:column;gap:12px;padding:14px}.ascii-art{font-size:.5rem}.hero-term-window{font-size:.72rem}.skills-grid{grid-template-columns:1fr}.skill-marquee-label{min-width:60px;font-size:.68rem}.skill-marquee-row{gap:10px}.skill-bar-name{width:80px;font-size:.72rem}.skills-grid.skills-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.skill-grid-cell{padding:8px 6px}.skill-grid-name{font-size:.62rem}.orbit-container{max-width:320px}.orbit-dot-label{font-size:.55rem;padding:2px 4px}.orbit-center{width:36px;height:36px}.orbit-core-icon{font-size:.65rem}.orbit-legend{gap:12px}.orbit-legend-item{font-size:.65rem}.skill-term-name{width:70px;font-size:.65rem}.skill-term-bar{font-size:.5rem}.skill-term-val{width:30px;font-size:.6rem}.skill-term-row{gap:6px}.skill-term-body{padding:12px}.skill-terminal{max-width:100%}.achievements-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.footer-content{font-size:.62rem}}@media(max-width:480px){.achievements-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:16px}.stat-divider{width:40px;height:1px}.skills-grid.skills-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px}.skill-grid-cell{padding:6px 4px}.skill-grid-name{font-size:.58rem}.skill-grid-level{height:24px}.skill-grid-pct{font-size:.55rem}.skill-bar-name{width:65px;font-size:.65rem}.skill-bar-pct{font-size:.65rem}.skill-marquee-label{min-width:50px;font-size:.62rem}.skill-marquee-row{gap:8px}.orbit-container{max-width:260px}.orbit-dot-label{font-size:.5rem;padding:1px 3px}.orbit-center{width:30px;height:30px}.orbit-core-icon{font-size:.55rem}.orbit-legend{gap:8px;flex-direction:column;align-items:center}.orbit-legend-item{font-size:.62rem}.skill-term-name{width:55px;font-size:.58rem}.skill-term-bar{font-size:.45rem;letter-spacing:-2px}.skill-term-val{width:26px;font-size:.55rem}.skill-term-row{gap:4px;font-size:.62rem}.skill-term-body{padding:10px;line-height:1.6}.skill-term-cat{font-size:.68rem}.skill-term-header{padding:8px 10px}.skill-tag{font-size:.68rem;padding:3px 8px}.skill-category{padding:16px}.skill-cat-header h3{font-size:.8rem}.section-container{padding:0 16px}.section-header{margin-bottom:32px}}@media(max-width:360px){.orbit-container{max-width:220px}.orbit-dot-label{font-size:.45rem;padding:1px 2px}.skill-term-name{width:45px;font-size:.52rem}.skill-term-val{width:22px;font-size:.5rem}.skill-term-row{gap:3px}.skill-bar-name{width:55px;font-size:.6rem}.skills-grid.skills-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr))}.skill-marquee-label{min-width:40px;font-size:.58rem}}.toast{position:fixed;bottom:30px;right:30px;background:#3fb9501a;border:1px solid rgba(63,185,80,.2);color:var(--accent-3);padding:12px 20px;border-radius:var(--radius-sm);font-size:.82rem;font-family:var(--font-mono);z-index:9999;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.toast.show{transform:translateY(0);opacity:1}[data-tilt]{transform-style:preserve-3d}.dimmed{opacity:.2!important;transform:scale(.98);filter:grayscale(80%);transition:all .4s ease}.highlighted{opacity:1!important;border-color:var(--accent);z-index:10}.skill-tag.highlighted{background:var(--accent);color:#fff;border-color:var(--accent)}.skill-timeline-popup{position:fixed;top:0;left:0;background:#0d1117f2;border:1px solid var(--border-hover);border-radius:var(--radius);padding:18px;width:320px;max-width:90vw;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0d;backdrop-filter:blur(16px);z-index:10000;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(12px) scale(.95);transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1),visibility .3s}.skill-timeline-popup.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.stp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.stp-title-group{display:flex;align-items:center;gap:10px}.stp-icon{font-size:1rem;animation:stp-flicker 2s infinite}@keyframes stp-flicker{0%,to{opacity:1}50%{opacity:.6}}.stp-skill-name{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--accent);text-transform:capitalize}.stp-close{color:var(--text-muted);font-size:1.2rem;line-height:1;cursor:pointer}.stp-timeline{position:relative;padding-left:20px;display:flex;flex-direction:column;gap:16px}.stp-timeline:before{content:"";position:absolute;left:3px;top:5px;bottom:5px;width:1px;background:var(--border);opacity:.5}.stp-item{position:relative;animation:stp-slide-in .4s ease-out forwards;opacity:0}@keyframes stp-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.stp-dot{position:absolute;left:-20px;top:6px;width:7px;height:7px;background:var(--accent-3);border-radius:50%;box-shadow:0 0 8px var(--accent-3)}.stp-item:not(:first-child) .stp-dot{background:var(--text-muted);box-shadow:none}.stp-content{display:flex;flex-direction:column}.stp-title{font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.2;margin-bottom:2px}.stp-meta{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.stp-date{color:var(--accent-2);opacity:.8}.stp-footer{margin-top:16px;padding-top:10px;border-top:1px dashed var(--border);display:flex;justify-content:center}.stp-hint{font-size:.62rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.5px}#chat-widget{position:fixed;bottom:24px;right:24px;z-index:9995;font-family:var(--font-mono)}#chat-toggle{width:56px;height:56px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #58a6ff59;transition:transform .3s ease,box-shadow .3s ease;position:relative}#chat-toggle:hover{transform:scale(1.08);box-shadow:0 6px 28px #58a6ff80}#chat-toggle svg{width:26px;height:26px;color:var(--bg-dark);stroke:var(--bg-dark)}#chat-unread-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;background:#f85149;border-radius:50%;border:2px solid var(--bg-dark);animation:chat-pulse 1.5s ease-in-out infinite}#chat-unread-dot.hidden{display:none}@keyframes chat-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}#chat-window{position:absolute;bottom:68px;right:0;width:380px;height:500px;background:var(--bg-darker);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #00000080;animation:chat-slide-up .3s ease-out}#chat-window.hidden{display:none}@keyframes chat-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-titlebar);border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:10px}.chat-title{font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.chat-status{font-size:.65rem;padding:2px 8px;border-radius:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.chat-status.online{background:#3fb95026;color:var(--accent-3)}.chat-status.offline{background:#8b949e26;color:var(--text-secondary)}#chat-minimize{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color .2s,background .2s;line-height:1}#chat-minimize:hover{color:var(--text-primary);background:#ffffff0d}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-welcome{padding:20px 0;text-align:center}.chat-welcome-text{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.chat-msg{display:flex;align-items:flex-start;gap:8px;padding:6px 0;animation:chat-msg-in .2s ease-out}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg-prefix{color:var(--accent-3);font-weight:600;font-size:.85rem;flex-shrink:0;line-height:1.5}.chat-msg.admin .chat-msg-prefix{color:var(--accent)}.chat-msg-body{flex:1;min-width:0}.chat-msg-text{color:var(--text-primary);font-size:.82rem;line-height:1.5;word-wrap:break-word}.chat-msg.admin .chat-msg-text{color:var(--syntax-string)}.chat-msg-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.chat-msg-time{color:var(--text-muted);font-size:.65rem}.chat-msg-seen{font-size:.65rem;color:var(--text-muted)}.chat-msg-seen.read{color:var(--accent)}.chat-typing{padding:4px 16px 8px;font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-typing.hidden{display:none}.typing-dots{display:inline-flex;gap:3px}.typing-dots span{width:4px;height:4px;background:var(--text-muted);border-radius:50%;animation:typing-bounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-name-prompt{display:flex;padding:12px;gap:8px;border-top:1px solid var(--border);background:var(--bg-editor);flex-shrink:0}.chat-name-prompt.hidden{display:none}.chat-name-prompt input{flex:1;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;outline:none;transition:border-color .2s}.chat-name-prompt input:focus{border-color:var(--accent)}.chat-prompt-inputs{display:flex;flex-direction:column;gap:8px;flex:1}.chat-prompt-note{font-size:.6rem;color:var(--text-muted);margin-top:2px;line-height:1.2}.chat-name-prompt input::placeholder{color:var(--text-muted)}.chat-name-prompt button,.chat-input-area button{width:38px;height:38px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--bg-dark);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;flex-shrink:0;font-weight:700}.chat-name-prompt button:hover,.chat-input-area button:hover{background:#79b8ff;transform:scale(1.05)}.chat-input-area{display:flex;padding:12px;gap:8px;border-top:1px solid var(--border);background:var(--bg-editor);flex-shrink:0}.chat-input-area.hidden{display:none}.chat-input-area input{flex:1;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;outline:none;transition:border-color .2s}.chat-input-area input:focus{border-color:var(--accent)}.chat-input-area input::placeholder{color:var(--text-muted)}@media(max-width:480px){#chat-widget{bottom:16px;right:16px}#chat-window{width:calc(100vw - 32px);height:calc(100vh - 120px);right:-16px;bottom:60px}#chat-toggle{width:50px;height:50px}#chat-toggle svg{width:22px;height:22px}}.custom-section{padding:80px 0}.custom-text-content{color:var(--text-secondary, #8b949e);font-size:1rem;line-height:1.7;max-width:700px}.custom-text-content p{margin-bottom:16px}@media(prefers-reduced-motion:reduce){.timeline-item,.project-card,.achievement-card,.skill-category,.skill-grid-cell,.skill-marquee-row,.reveal{opacity:1!important;transform:none!important}}#tour-viewport{position:fixed;inset:0;z-index:2;overflow:hidden;perspective:1700px;perspective-origin:50% 50%;cursor:grab;-webkit-user-select:none;user-select:none}body.tour-grabbing #tour-viewport{cursor:grabbing}.tour-panel input,.tour-panel textarea,.tour-panel select{-webkit-user-select:text;user-select:text}#tour-world{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.tour-panel{position:absolute;top:0;left:0;width:900px;transform-style:preserve-3d;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-card),0 0 60px -10px var(--accent-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:36px 40px}.tour-panel:before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(135deg,var(--accent),transparent 40%,transparent 60%,var(--accent-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}.tour-panel[data-id=hero]{width:1080px}.tour-panel[data-id=skills],.tour-panel[data-id=projects]{width:1000px}.tour-active section{min-height:auto!important;padding:0!important;width:100%}.tour-panel .section-container{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}#tour-spacer{width:1px;pointer-events:none}.tour-active footer{position:fixed!important;left:0;right:0;bottom:0;z-index:990}#tour-controls{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:991;display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card)}.tour-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--accent);font-size:20px;line-height:1;cursor:none;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-family:var(--font-mono)}.tour-btn:hover{background:var(--accent);color:var(--bg-darker);box-shadow:0 0 16px var(--accent-glow)}.tour-progress{width:180px;height:4px;border-radius:999px;background:var(--border);overflow:hidden}.tour-progress-bar{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .1s linear}@media(max-width:1100px){.tour-panel{width:92vw;padding:24px}.tour-panel[data-id=hero],.tour-panel[data-id=skills],.tour-panel[data-id=projects]{width:92vw}}.tour-panel.is-cover{width:600px!important;cursor:pointer}.tour-panel.is-cover .section-container{display:none}.tour-cover{display:flex;flex-direction:column;gap:14px}.tour-cover-label{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.tour-cover-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1.05;color:var(--text-primary)}.tour-cover-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.tour-cover-meta{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.tour-cover-count{color:var(--accent);font-weight:700}.tour-cover-cta{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;border:1px solid var(--accent);background:var(--accent-glow);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;cursor:none;transition:var(--transition)}.tour-cover-cta span{transition:transform var(--transition)}.tour-cover-cta:hover{background:var(--accent);color:var(--bg-darker);box-shadow:0 0 18px var(--accent-glow)}.tour-cover-cta:hover span{transform:translate(5px)}.tour-slider{position:fixed;inset:0;z-index:1200;display:flex;flex-direction:column}.tour-slider.hidden{display:none}.ts-backdrop{position:absolute;inset:0;background:#020308d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.tour-slider.open .ts-backdrop{opacity:1}.ts-head{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:22px 28px}.ts-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary)}.ts-counter{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.ts-close{margin-left:auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:16px;cursor:none;transition:var(--transition)}.ts-close:hover{border-color:var(--accent);color:var(--accent)}.ts-stage{position:relative;z-index:1;flex:1;perspective:1600px;overflow:hidden}.ts-track{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d}.ts-slide{position:absolute;top:0;left:0;width:480px;max-width:86vw;height:auto;max-height:84vh;overflow-y:auto;overflow-x:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1),opacity .45s ease;border-radius:16px;touch-action:pan-y}#tour-slider .ts-stage{cursor:grab}#tour-slider.is-dragging .ts-stage{cursor:grabbing}#tour-slider.is-dragging .ts-slide{transition:opacity .45s ease}.ts-slide::-webkit-scrollbar{width:6px}.ts-slide::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ts-slide>*{width:100%!important;max-width:100%!important;margin:0!important}.ts-slide.is-active{box-shadow:0 0 70px -12px var(--accent-glow)}.ts-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;padding:22px}.ts-prev,.ts-next{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--accent);font-size:22px;cursor:none;transition:var(--transition)}.ts-prev:hover,.ts-next:hover{background:var(--accent);color:var(--bg-darker)}.ts-dots{display:flex;gap:8px;align-items:center}.ts-dot{width:9px;height:9px;border-radius:50%;border:none;background:var(--border);cursor:none;padding:0;transition:var(--transition)}.ts-dot.active{background:var(--accent);width:22px;border-radius:999px}.ts-skill-card{background:var(--bg-editor);border:1px solid var(--border);border-radius:var(--radius);padding:26px 28px}.ts-skill-cat{font-family:var(--font-mono);font-size:1.05rem;color:var(--accent);margin-bottom:18px}.ts-skill-list{display:flex;flex-direction:column;gap:12px}.ts-skill-row{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:12px}.ts-skill-name{font-size:.92rem;color:var(--text-primary)}.ts-skill-track{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.ts-skill-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.ts-skill-pct{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.tour-panel.is-skillwidget{width:580px!important}.tour-panel.is-skillwidget .section-container{display:none}.skills-constellation{display:flex;flex-direction:column;align-items:center;gap:8px}.sc-top{text-align:center}.sc-slug{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.sc-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--text-primary);line-height:1.1}.sc-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.sc-stage{position:relative;width:100%;height:440px;perspective:1100px;cursor:grab;touch-action:none}.skills-constellation.grabbing .sc-stage{cursor:grabbing}.sc-rotor{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d}.sc-core{position:absolute;top:0;left:0;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;color:var(--accent);background:radial-gradient(circle,var(--accent-glow),transparent 70%);box-shadow:0 0 24px var(--accent-glow)}.sc-node{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:4px;transform-style:preserve-3d;will-change:transform;pointer-events:auto}.sc-dot{display:block;border-radius:50%;transition:transform .15s ease}.sc-label{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);white-space:nowrap;background:#020308cc;padding:2px 7px;border-radius:5px;border:1px solid var(--border);transition:opacity .2s ease,transform .15s ease,border-color .15s ease;pointer-events:none}.sc-lvl{display:none;margin-left:6px;font-weight:700;color:var(--node-color, var(--accent))}.sc-node:hover{z-index:5000!important}.sc-node:hover .sc-dot{transform:scale(1.5)}.sc-node:hover .sc-label{opacity:1!important;transform:scale(1.12);border-color:var(--node-color, var(--accent));box-shadow:0 0 14px -2px var(--node-color, var(--accent))}.sc-node:hover .sc-lvl{display:inline}.sc-ring{position:absolute;top:0;left:0;border-radius:50%;border:1px solid var(--border)}.sc-spine{position:absolute;top:0;left:0;width:2px;background:linear-gradient(180deg,transparent,var(--accent-glow),transparent)}.sc-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:6px}.sc-leg{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.sc-leg-dot{width:8px;height:8px;border-radius:50%}#root{display:contents}#tour-viewport{perspective:var(--tour-perspective, 1700px)}.hero-title{opacity:1}body.no-cursor{cursor:auto}body.no-cursor a,body.no-cursor button,body.no-cursor .tour-btn,body.no-cursor .tour-cover,body.no-cursor .tour-cover-cta,body.no-cursor .ts-close,body.no-cursor .ts-prev,body.no-cursor .ts-next,body.no-cursor .ts-dot{cursor:pointer}body.no-cursor #cursor,body.no-cursor #cursor-follower{display:none}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body.motion-off .reveal,body.motion-off .timeline-item,body.motion-off .project-card,body.motion-off .achievement-card,body.motion-off .skill-category,body.motion-off .skill-grid-cell,body.motion-off .skill-marquee-row{opacity:1!important;transform:none!important}#chat-window{animation:none}.nav-active-underline{position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 10px var(--accent-glow);pointer-events:none}.nav-links a{position:relative}.custom-generic-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;gap:10px}.custom-generic-item>div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.custom-generic-item strong{font-family:var(--font-mono);font-size:.82rem;color:var(--accent);text-transform:lowercase}.custom-generic-item span,.custom-generic-item p{color:var(--text-secondary)}.custom-generic-item p+p{margin-top:10px}#hero:has(.hero-alt){grid-template-columns:1fr;padding:140px 48px 80px}.hero-name-plain{font-family:var(--font-display);font-weight:var(--weight-display, 700);letter-spacing:var(--tracking-display, -.02em);color:var(--text-primary);line-height:1.02;font-size:clamp(2.6rem,8vw,5.5rem);margin:0 0 18px}.hero-alt[data-hero=centered]{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:860px;margin:0 auto}.hero-alt[data-hero=centered] .hero-desc{max-width:62ch}.hero-alt[data-hero=centered] .hero-cta,.hero-alt[data-hero=centered] .hero-stats{justify-content:center;flex-wrap:wrap}.hero-alt[data-hero=editorial]{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:clamp(32px,6vw,96px);align-items:start;max-width:1280px;margin:0 auto;width:100%}.hero-alt[data-hero=editorial] .hero-name-plain{font-size:clamp(3rem,9vw,7rem);letter-spacing:-.03em}.hero-alt[data-hero=editorial] .hero-desc{font-size:1.15rem;line-height:1.7;max-width:46ch}.hero-alt[data-hero=editorial] .hero-alt-meta{border-top:max(2px,var(--border-width, 1px)) solid var(--text-primary);padding-top:18px;display:flex;flex-direction:column;gap:24px}.hero-alt[data-hero=editorial] .hero-alt-meta .hero-stats{flex-direction:column;align-items:flex-start;gap:14px}.hero-alt[data-hero=editorial] .hero-alt-meta .hero-title{margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.hero-alt[data-hero=bento]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--gap, 1.5rem) * .9);max-width:1280px;margin:0 auto;width:100%}.hero-tile{background:var(--bg-card);border:var(--border-width, 1px) solid var(--border);border-radius:var(--radius);padding:clamp(22px,3vw,38px);-webkit-backdrop-filter:blur(var(--card-blur, 12px));backdrop-filter:blur(var(--card-blur, 12px));display:flex;flex-direction:column;justify-content:center;min-width:0}.hero-tile-name{grid-column:span 3}.hero-tile-desc{grid-column:span 1;justify-content:flex-start;gap:18px}.hero-tile-stat{grid-column:span 1;gap:6px;align-items:flex-start}.hero-tile-stat .stat-key{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.hero-tile-stat-value{display:flex;align-items:baseline;gap:2px;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:var(--accent)}.hero-tile-stat-value .stat-num{font-size:inherit}.hero-alt[data-hero=bento] .hero-tag,.hero-alt[data-hero=bento] .hero-desc,.hero-alt[data-hero=bento] .hero-cta{margin-bottom:0}.hero-alt[data-hero=bento] .hero-cta{flex-direction:column;align-items:stretch}.hero-alt[data-hero=bento] .hero-cta>*{justify-content:center}@media(max-width:900px){#hero:has(.hero-alt){padding:120px 24px 64px}.hero-alt[data-hero=editorial],.hero-alt[data-hero=bento]{grid-template-columns:minmax(0,1fr)}.hero-tile-name,.hero-tile-desc,.hero-tile-stat{grid-column:span 1}}main,#tour-world{counter-reset:section-number}.section-header[data-header=numbered]{counter-increment:section-number;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:20px;border-top:max(1px,var(--border-width, 1px)) solid var(--border);padding-top:20px}.section-header[data-header=numbered]:before{content:counter(section-number,decimal-leading-zero);font-family:var(--font-mono);font-size:.9rem;color:var(--accent);grid-row:1 / span 2}.section-header[data-header=numbered] .section-label{grid-column:2;margin-bottom:6px}.section-header[data-header=numbered] .section-title{grid-column:2}.section-header[data-header=oversized] .section-title{font-size:clamp(2.6rem,8vw,5rem);text-transform:uppercase;line-height:.95}.section-header[data-header=oversized] .section-label{font-size:.72rem;text-transform:uppercase}.section-header[data-header=minimal]{margin-bottom:32px}.section-header[data-header=minimal] .section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;letter-spacing:0}body[data-design=minimal] .section-container{max-width:960px}body[data-design=minimal] section+section:before{content:"";display:block;height:1px;background:var(--border);max-width:960px;margin:0 auto calc(var(--gap, 1.5rem) * 2)}body[data-design=minimal] .project-card,body[data-design=minimal] .achievement-card,body[data-design=minimal] .skill-category,body[data-design=minimal] .custom-generic-item,body[data-design=minimal] .timeline-card,body[data-design=minimal] .profile-card,body[data-design=minimal] .neofetch-card,body[data-design=minimal] .contact-item,body[data-design=minimal] .contact-form-wrap,body[data-design=minimal] .hero-tile,body[data-design=minimal] .skill-terminal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--card-blur, 12px));backdrop-filter:blur(var(--card-blur, 12px));box-shadow:none}body[data-design=minimal] .project-card:hover,body[data-design=minimal] .achievement-card:hover,body[data-design=minimal] .skill-category:hover,body[data-design=minimal] .timeline-card:hover,body[data-design=minimal] .profile-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}body[data-design=editorial] .section-container{max-width:1120px}body[data-design=editorial] .about-text,body[data-design=editorial] .contact-intro,body[data-design=editorial] .hero-desc{max-width:68ch;font-size:1.05rem;line-height:1.8}body[data-design=editorial] .section-title{font-weight:var(--weight-display, 600)}body[data-design=editorial] .project-card,body[data-design=editorial] .achievement-card,body[data-design=editorial] .skill-category,body[data-design=editorial] .custom-generic-item,body[data-design=editorial] .timeline-card,body[data-design=editorial] .profile-card,body[data-design=editorial] .neofetch-card,body[data-design=editorial] .contact-item,body[data-design=editorial] .contact-form-wrap,body[data-design=editorial] .hero-tile,body[data-design=editorial] .skill-terminal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--card-blur, 14px));backdrop-filter:blur(var(--card-blur, 14px))}body[data-design=editorial] .project-card:hover,body[data-design=editorial] .achievement-card:hover,body[data-design=editorial] .skill-category:hover,body[data-design=editorial] .timeline-card:hover,body[data-design=editorial] .profile-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}body[data-design=brutalist] .section-container{max-width:1360px}body[data-design=brutalist] .project-card,body[data-design=brutalist] .achievement-card,body[data-design=brutalist] .skill-category,body[data-design=brutalist] .custom-generic-item,body[data-design=brutalist] .contact-form-wrap,body[data-design=brutalist] .contact-item,body[data-design=brutalist] .timeline-card,body[data-design=brutalist] .profile-card,body[data-design=brutalist] .neofetch-card,body[data-design=brutalist] .hero-tile,body[data-design=brutalist] .skill-terminal{background:var(--bg-card, #0a0d14);border:max(2px,var(--border-width, 2px)) solid var(--text-primary);border-radius:0;box-shadow:6px 6px 0 0 var(--accent);-webkit-backdrop-filter:none;backdrop-filter:none}body[data-design=brutalist] .project-card:hover,body[data-design=brutalist] .achievement-card:hover,body[data-design=brutalist] .skill-category:hover,body[data-design=brutalist] .timeline-card:hover,body[data-design=brutalist] .profile-card:hover{box-shadow:10px 10px 0 0 var(--accent-2);border-color:var(--text-primary);background:var(--bg-card-hover, #121824)}body[data-design=brutalist] .btn-primary,body[data-design=brutalist] .btn-secondary{border-radius:0;border:2px solid var(--text-primary);box-shadow:4px 4px 0 0 var(--text-primary)}body[data-design=brutalist] .hero-tag,body[data-design=brutalist] .skill-tag{border-radius:0}body[data-design=brutalist] .section-label{color:var(--accent);font-weight:700}body[data-design=bento] .section-container{max-width:1360px}body[data-design=bento] .project-card,body[data-design=bento] .achievement-card,body[data-design=bento] .skill-category,body[data-design=bento] .custom-generic-item,body[data-design=bento] .timeline-card,body[data-design=bento] .profile-card,body[data-design=bento] .neofetch-card,body[data-design=bento] .contact-item,body[data-design=bento] .contact-form-wrap,body[data-design=bento] .hero-tile,body[data-design=bento] .skill-terminal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--card-blur, 26px)) saturate(1.3);backdrop-filter:blur(var(--card-blur, 26px)) saturate(1.3);box-shadow:0 18px 50px -22px #0000008c,inset 0 1px #ffffff0f}body[data-design=bento] .project-card:hover,body[data-design=bento] .achievement-card:hover,body[data-design=bento] .skill-category:hover,body[data-design=bento] .timeline-card:hover,body[data-design=bento] .profile-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 24px 60px -18px #000000b3,inset 0 1px #ffffff1a}body[data-design=bento] .projects-grid,body[data-design=bento] .achievements-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:20px}body[data-design=bento] .projects-grid>*{grid-column:span 2}body[data-design=bento] .projects-grid>*:nth-child(6n+1){grid-column:span 4}body[data-design=bento] .projects-grid>*:nth-child(6n+5){grid-column:span 3}body[data-design=bento] .projects-grid>*:nth-child(6n+6){grid-column:span 3}body[data-design=bento] .achievements-grid>*{grid-column:span 2}body[data-design=bento] .achievements-grid>*:nth-child(4n+1){grid-column:span 3}body[data-design=bento] .achievements-grid>*:nth-child(4n+2){grid-column:span 3}@media(max-width:900px){body[data-design=bento] .projects-grid,body[data-design=bento] .achievements-grid{grid-template-columns:minmax(0,1fr)}body[data-design=bento] .projects-grid>*,body[data-design=bento] .achievements-grid>*{grid-column:span 1!important}}body[data-design=terminal] .project-card,body[data-design=terminal] .achievement-card,body[data-design=terminal] .skill-category,body[data-design=terminal] .custom-generic-item,body[data-design=terminal] .timeline-card,body[data-design=terminal] .profile-card,body[data-design=terminal] .neofetch-card,body[data-design=terminal] .contact-item,body[data-design=terminal] .contact-form-wrap,body[data-design=terminal] .hero-tile,body[data-design=terminal] .skill-terminal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(var(--card-blur, 14px));backdrop-filter:blur(var(--card-blur, 14px));box-shadow:0 4px 20px #00000040}body[data-design=terminal] .project-card:hover,body[data-design=terminal] .achievement-card:hover,body[data-design=terminal] .skill-category:hover,body[data-design=terminal] .timeline-card:hover,body[data-design=terminal] .profile-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}html[data-scroll=proximity],html[data-scroll=mandatory],html[data-scroll=paged]{overflow-y:auto!important;overflow-x:clip!important;scroll-behavior:smooth!important}html[data-scroll=proximity]{scroll-snap-type:y proximity!important;scroll-padding-top:70px!important}html[data-scroll=mandatory]{scroll-snap-type:y mandatory!important;scroll-padding-top:70px!important}html[data-scroll=paged]{scroll-snap-type:y mandatory!important;scroll-padding-top:0px!important}body[data-scroll=proximity],body[data-scroll=mandatory],body[data-scroll=paged]{overflow-x:clip!important;overflow-y:visible!important}html[data-scroll=proximity] main>section,html[data-scroll=mandatory] main>section,html[data-scroll=paged] main>section,html[data-scroll=proximity] section,html[data-scroll=mandatory] section,html[data-scroll=paged] section{scroll-snap-align:start!important;scroll-snap-stop:always!important}html[data-scroll=paged] main>section,body[data-scroll=paged] main>section,html[data-scroll=paged] section,body[data-scroll=paged] section{min-height:100vh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:60px 0!important;box-sizing:border-box!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}html[data-scroll=paged] main>section#hero,body[data-scroll=paged] main>section#hero,html[data-scroll=paged] section#hero,body[data-scroll=paged] section#hero{display:grid!important;padding:0!important}html[data-scroll=free],body[data-scroll=free]{scroll-snap-type:none!important}html:has(body.tour-active),body.tour-active{scroll-snap-type:none!important}.stack-section{position:sticky;top:0;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;transform-origin:center top;will-change:transform,opacity;background:color-mix(in srgb,var(--bg-dark) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);overflow:hidden}.stack-section#hero{display:grid}body.tour-active .stack-section{position:relative;min-height:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}#scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9990;transform-origin:0 50%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px var(--accent-glow);pointer-events:none}#section-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:9500;display:flex;flex-direction:column;gap:14px;align-items:flex-end}.rail-dot{position:relative;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em}.rail-dot-label{opacity:0;transform:translate(6px);transition:opacity var(--transition),transform var(--transition);white-space:nowrap;pointer-events:none}.rail-dot:hover .rail-dot-label,.rail-dot[aria-current=true] .rail-dot-label{opacity:1;transform:translate(0)}.rail-dot-mark{width:8px;height:8px;border-radius:var(--radius-sm);border:1px solid var(--border-hover);background:transparent;transition:background var(--transition),border-color var(--transition);flex:none}.rail-dot[aria-current=true] .rail-dot-mark{background:var(--accent)}.rail-active-pill{position:absolute;right:-7px;width:2px;height:18px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}body.tour-active #section-rail{display:none}@media(max-width:820px){#section-rail{display:none}}#cursor[data-cursor=dot]{width:6px;height:6px;border-radius:50%}#cursor-follower[data-cursor=dot]{width:26px;height:26px;border-radius:50%;border-style:solid}#cursor[data-cursor=ring]{width:4px;height:4px;border-radius:50%}#cursor-follower[data-cursor=ring]{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--accent);opacity:.7}body.cursor-hover #cursor-follower[data-cursor=ring]{width:58px;height:58px;opacity:1}#cursor[data-cursor=blob]{width:5px;height:5px;border-radius:50%;opacity:.9}#cursor-follower[data-cursor=blob]{width:64px;height:64px;border:0;border-radius:50%;background:var(--accent);opacity:.35;filter:blur(14px);mix-blend-mode:difference}body.cursor-hover #cursor-follower[data-cursor=blob]{width:104px;height:104px;opacity:.5}body[data-panel=glass] .tour-panel{background:color-mix(in srgb,var(--bg-editor) 55%,transparent);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(calc(var(--card-blur, 12px) * 2)) saturate(1.4);backdrop-filter:blur(calc(var(--card-blur, 12px) * 2)) saturate(1.4);box-shadow:0 30px 90px -30px #000000b3}body[data-panel=glass] .tour-panel:before{opacity:.25}body[data-panel=frameless] .tour-panel{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}body[data-panel=frameless] .tour-panel:before{display:none}body[data-panel=holo] .tour-panel{background:color-mix(in srgb,var(--bg-darker) 70%,transparent);border:1px solid var(--accent);box-shadow:0 0 0 1px var(--accent-glow),0 0 70px -8px var(--accent-glow),inset 0 0 60px -30px var(--accent)}body[data-panel=holo] .tour-panel:before{opacity:1;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--accent) 12%,transparent) 0 1px,transparent 1px 4px);-webkit-mask:none;mask:none;mix-blend-mode:screen}body[data-panel=holo] .tour-panel:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 30%)}@media(prefers-reduced-motion:reduce){html[data-scroll]{scroll-snap-type:none!important}.stack-section{position:relative}}:root{--pf-bg: #070709;--pf-card: rgba(15, 15, 20, .78);--pf-border: rgba(255, 255, 255, .08);--pf-border-focus: rgba(255, 255, 255, .22);--pf-text: #f4f4f6;--pf-muted: #94949e;--pf-accent: var(--accent, #38bdf8);--pf-font-display: var(--font-display, "Outfit", "Plus Jakarta Sans", sans-serif);--pf-font-body: var(--font-main, "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif);--pf-font-mono: var(--font-mono, "JetBrains Mono", "Space Grotesk", monospace)}body[data-design=parallax] main>section,html[data-design=parallax] main>section,main:has(.pf-stage-track)>section{padding:0!important;margin:0!important;width:100%!important;max-width:100vw!important;border:none!important;overflow:visible!important;background:transparent!important}.pf-stage-track{position:relative;width:100%;height:380vh;background:transparent;font-family:var(--pf-font-body)}.pf-stage-sticky{position:sticky;top:0;left:0;width:100vw;max-width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(16px,3vh,32px) clamp(16px,3.5vw,48px) clamp(55px,8vh,75px);box-sizing:border-box}.pf-hero-track{height:100vh!important;height:100dvh!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0!important;margin:0!important;position:relative!important;overflow:hidden!important;width:100vw!important;max-width:100%!important}.pf-hero-sticky{height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:0 20px!important;margin:auto!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important}.pf-corner-dock{width:100%;max-width:100%;display:flex;justify-content:space-between;align-items:flex-start;z-index:10;position:relative;flex-shrink:0;box-sizing:border-box}.pf-dock-section-title{font-family:var(--pf-font-mono);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-accent);display:inline-flex;align-items:center;gap:8px;margin-bottom:6px}.pf-dock-section-title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pf-accent);box-shadow:0 0 8px var(--pf-accent)}.pf-dock-thing-title{font-family:var(--pf-font-display);font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:#fff;margin:0}.pf-stage-canvas{flex:1;width:100%;display:flex;align-items:center;justify-content:center;margin-top:clamp(12px,2.5vh,24px);position:relative;z-index:5;box-sizing:border-box;overflow-y:auto;scrollbar-width:none}.pf-stage-canvas::-webkit-scrollbar{display:none}.pf-card-root,.pf-panel{box-sizing:border-box;position:relative;border-radius:24px;transform-style:preserve-3d;perspective:1200px;color:#fff!important;transition:all .3s cubic-bezier(.16,1,.3,1)}.pf-card-content-wrap{position:relative;z-index:10;color:#fff!important}.pf-card-content-wrap *{color:inherit}.pf-card-content-wrap p{color:var(--pf-muted)!important}.pf-card-content-wrap h3,.pf-card-content-wrap strong,.pf-card-content-wrap h4{color:#fff!important}.pf-card-shards{background:linear-gradient(135deg,#10141edb,#07090ef5)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);box-shadow:0 25px 65px -10px #000000e6,inset 0 1px #ffffff38!important}.pf-card-shards:hover{border-color:var(--pf-accent)!important;box-shadow:0 35px 85px -10px #000000f2,0 0 35px var(--pf-accent-glow),inset 0 1px #ffffff59!important}.pf-shard-ambient-glow{position:absolute;inset:-15px;border-radius:28px;background:radial-gradient(circle at 50% 50%,var(--pf-accent-glow),rgba(15,23,42,.4),transparent 70%);filter:blur(35px);pointer-events:none;z-index:0}.pf-shard-chassis{position:absolute;inset:-8px;border-radius:28px;border:1px dashed var(--pf-accent);opacity:.35;background:#080c1459;pointer-events:none;z-index:1;box-sizing:border-box}.pf-blueprint-grid{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;opacity:.6}.pf-crosshair{position:absolute;font-family:var(--pf-font-mono);font-size:14px;font-weight:900;color:var(--pf-accent);line-height:1}.pf-crosshair.top-left{top:-7px;left:-7px}.pf-crosshair.top-right{top:-7px;right:-7px}.pf-crosshair.bottom-left{bottom:-7px;left:-7px}.pf-crosshair.bottom-right{bottom:-7px;right:-7px}.pf-glass-specular-edge{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),var(--pf-accent),transparent);z-index:5;pointer-events:none}.pf-card-brutalist{background:#080a10!important;border:3px solid #ffffff!important;border-radius:0!important;box-shadow:7px 7px 0 var(--pf-accent, #ffffff)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease!important}.pf-card-brutalist:hover{box-shadow:11px 11px 0 var(--pf-accent)!important;border-color:#fff!important}.pf-card-aurora-morph{background:#080a12!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:0 16px 40px -12px #000c,inset 0 1px #ffffff1f!important;overflow:hidden!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;transition:border-color .35s ease,box-shadow .35s ease!important}.pf-card-aurora-morph:hover{border-color:#ffffff40!important;box-shadow:0 25px 60px -10px #000000e6,0 0 30px var(--pf-accent-glow, rgba(56, 189, 248, .2))!important}.pf-card-bauhaus{background:#090c14!important;border:1.5px solid #ffffff!important;border-radius:4px!important;box-shadow:4px 4px #fff6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.pf-card-bauhaus:hover{box-shadow:7px 7px 0 var(--pf-accent)!important;border-color:var(--pf-accent)!important}.pf-card-monolith{background:linear-gradient(180deg,#10131d,#08090f)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 20px 45px -12px #000000e6,inset 0 1px #ffffff2e!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.pf-card-monolith:hover{border-color:#ffffff3d!important;box-shadow:0 30px 60px -12px #000000f2,0 0 25px var(--pf-accent-glow),inset 0 1px #ffffff47!important}.pf-card-editorial{background:#080a11!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;box-shadow:0 16px 36px #000c!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.pf-card-editorial:hover{border-color:#fff!important;box-shadow:0 22px 50px #000000e6,0 0 20px var(--pf-accent-glow)!important}.pf-aurora-glow{position:absolute;inset:-20px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(129,140,248,.25),rgba(244,63,94,.15),transparent 70%);filter:blur(40px);pointer-events:none;z-index:-2;opacity:.6}.pf-card-aurora:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc,#f43f5e,#38bdf8);background-size:300% 300%;animation:aurora-mesh-flow 6s ease infinite;z-index:-1}.pf-aurora-glow{position:absolute;inset:-20px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(129,140,248,.25),rgba(244,63,94,.15),transparent 70%);filter:blur(40px);pointer-events:none;z-index:-2;opacity:.6;transition:opacity .4s ease}.pf-card-aurora:hover .pf-aurora-glow{opacity:1}@keyframes aurora-mesh-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pf-panel:hover{border-color:var(--pf-border-focus)}.pf-chapter-nav{position:fixed;bottom:0;left:0;right:0;z-index:9500;display:flex;align-items:center;padding:12px 48px;gap:16px;background:linear-gradient(180deg,transparent 0%,rgba(7,7,9,.95) 40%,#070709 100%);pointer-events:none}.pf-chapter-item{pointer-events:auto;flex:1;display:flex;flex-direction:column;gap:6px;cursor:pointer;background:transparent;border:none;padding:6px 0;text-align:left;transition:all .3s ease}.pf-chapter-title{font-family:var(--pf-font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff6;transition:color .3s ease}.pf-chapter-item.active .pf-chapter-title{color:#fff}.pf-chapter-track{width:100%;height:2px;background:#ffffff1f;position:relative;overflow:hidden;border-radius:2px}.pf-chapter-fill{position:absolute;top:0;left:0;bottom:0;background:var(--pf-accent);width:0%;transition:width .15s linear}@media(max-width:900px){.pf-stage-track{height:auto!important;min-height:auto!important;padding:clamp(36px,6vh,60px) 16px clamp(48px,8vh,72px)!important;overflow:visible!important}.pf-stage-sticky{position:relative!important;top:auto!important;left:auto!important;height:auto!important;min-height:unset!important;padding:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;gap:24px!important}.pf-corner-dock{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.pf-dock-thing-title{font-size:clamp(1.8rem,7vw,2.6rem)!important}.pf-stage-canvas{overflow:visible!important;margin-top:14px!important}.pf-chapter-nav{display:none!important}.pf-card-root{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}@media(max-width:640px){.pf-stage-track{padding:28px 12px 48px!important}.pf-dock-section-title{font-size:.72rem!important}.pf-card-brutalist{box-shadow:4px 4px 0 var(--pf-accent, #ffffff)!important;border-width:2px!important}.pf-card-bauhaus{box-shadow:3px 3px #fff6!important;border-width:1px!important}.pf-card-root{border-radius:14px!important}}@media(max-height:800px)and (min-width:901px){.pf-stage-sticky{padding-top:20px!important;padding-bottom:75px!important}.pf-dock-thing-title{font-size:clamp(1.3rem,2.8vw,2.2rem)!important}}:root{--ma-bg: var(--bg-dark, #090a0d);--ma-bg-subtle: var(--bg-card, rgba(18, 18, 24, .85));--ma-bg-elevated: var(--bg-card-hover, rgba(27, 27, 36, .95));--ma-border: var(--border, rgba(255, 255, 255, .08));--ma-border-hover: var(--border-hover, var(--accent, #38bdf8));--ma-text-primary: var(--text-primary, #f8fafc);--ma-text-secondary: var(--text-secondary, #94a3b8);--ma-text-muted: var(--text-muted, #64748b);--ma-accent: var(--accent, #38bdf8);--ma-accent-soft: var(--accent-glow, rgba(56, 189, 248, .15));--ma-font-sans: var(--font-main, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);--ma-font-display: var(--font-display, "Plus Jakarta Sans", "Inter", sans-serif)}.minimal-atelier-wrap{width:100%;position:relative;color:var(--ma-text-primary);font-family:var(--ma-font-sans);overflow-x:hidden;background-color:var(--ma-bg)}.ma-container{max-width:1200px;margin:0 auto;padding:0 24px}@media(min-width:768px){.ma-container{padding:0 40px}}.ma-section{position:relative;padding:100px 0;border-bottom:1px solid var(--ma-border)}@media(min-width:768px){.ma-section{padding:136px 0}}.ma-section-header{margin-bottom:56px}.ma-header-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ma-accent);margin-bottom:12px;padding:4px 12px;background:var(--ma-accent-soft);border-radius:9999px;border:1px solid var(--ma-border)}.ma-header-title{font-family:var(--ma-font-display);font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--ma-text-primary);margin:0 0 16px}.ma-header-desc{font-size:1.125rem;color:var(--ma-text-secondary);max-width:620px;line-height:1.65;margin:0}.ma-bg-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;background-color:var(--ma-bg)}.ma-card{background:var(--ma-bg-subtle);border:1px solid var(--ma-border);border-radius:20px 8px;padding:32px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;backdrop-filter:blur(16px)}.ma-card:hover{border-color:var(--ma-border-hover);background:var(--ma-bg-elevated);border-radius:8px 24px;transform:translateY(-4px) scale(1.01);box-shadow:0 16px 36px var(--ma-accent-soft)}.ma-badge{font-size:12px;font-weight:500;color:var(--ma-text-secondary);background:#ffffff0a;border:1px solid var(--ma-border);padding:4px 12px;border-radius:9999px;display:inline-flex;align-items:center;gap:6px;transition:all .25s ease}.ma-badge:hover{background:var(--ma-accent-soft);color:var(--ma-accent);border-color:var(--ma-accent);transform:scale(1.05)}.ma-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:#07080a;background:var(--ma-text-primary, #f8fafc);border:1px solid var(--ma-text-primary, #f8fafc);padding:13px 28px;border-radius:9999px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;position:relative;overflow:hidden}.ma-btn-primary:hover{background:var(--ma-accent);border-color:var(--ma-accent);color:#07080a;transform:translateY(-3px) scale(1.03);box-shadow:0 10px 28px var(--ma-accent-soft)}.ma-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:var(--ma-text-primary);background:#ffffff08;border:1px solid var(--ma-border);padding:13px 28px;border-radius:9999px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.ma-btn-secondary:hover{border-color:var(--ma-border-hover);background:#ffffff14;color:var(--ma-text-primary);transform:translateY(-3px) scale(1.03)}.ma-project-row{display:flex;align-items:center;justify-content:space-between;padding:28px 24px;border-bottom:1px solid var(--ma-border);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;border-radius:16px}.ma-project-row:first-child{border-top:1px solid var(--ma-border)}.ma-project-row:hover{background-color:var(--ma-accent-soft);padding-left:32px;padding-right:32px;transform:scale(1.01)}.ma-project-row:hover .ma-project-row-title{color:var(--ma-accent)}.ma-cursor-preview{position:fixed;width:320px;height:200px;border-radius:18px;overflow:hidden;border:1px solid var(--ma-border-hover);box-shadow:0 24px 48px #000000b3,0 0 35px var(--ma-accent-soft);pointer-events:none;z-index:100;background:var(--ma-bg)}.ma-cursor-preview img{width:100%;height:100%;object-fit:cover}.ma-modal-backdrop{position:fixed;inset:0;background:#07080ad9;backdrop-filter:blur(18px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.ma-modal-card{background:var(--ma-bg-elevated);border:1px solid var(--ma-border-hover);border-radius:24px;max-width:760px;width:100%;max-height:90vh;overflow-y:auto;padding:40px;position:relative;box-shadow:0 32px 64px #000c}.kinetic-container{width:100%;max-width:1200px;margin:0 auto;padding:80px 24px;box-sizing:border-box}@media(max-width:768px){.kinetic-container{padding:50px 16px}}.kinetic-hero{max-width:1200px;margin:0 auto;width:100%;padding:80px 24px 40px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}.kinetic-hero-headline{font-size:clamp(2.2rem,8.5vw,5.5rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin:0 0 20px;color:var(--text-primary);word-break:break-word;text-align:center}.kinetic-hero-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%}@media(max-width:768px){.kinetic-hero{padding:60px 16px 30px}.kinetic-hero-stats-grid{grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:480px){.kinetic-hero-stats-grid{grid-template-columns:1fr;gap:12px}}.kinetic-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:64px;align-items:start;width:100%}.kinetic-about-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px}@media(max-width:960px){.kinetic-about-grid{grid-template-columns:1fr;gap:36px}.kinetic-about-sidebar{position:static;top:auto;gap:18px}}.kinetic-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;width:100%}@media(max-width:768px){.kinetic-projects-grid{grid-template-columns:1fr;gap:20px}}.kinetic-horizon-container{display:flex;gap:18px;width:100%;min-height:520px;box-sizing:border-box}@media(max-width:860px){.kinetic-horizon-container{flex-direction:column;min-height:auto;gap:16px}.kinetic-pillar-compressed{flex-direction:row!important;padding:18px 24px!important}.kinetic-pillar-compressed div{writing-mode:horizontal-tb!important;transform:none!important}}.kinetic-achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;width:100%}@media(max-width:768px){.kinetic-achievements-grid{grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:480px){.kinetic-achievements-grid{grid-template-columns:1fr}}.kinetic-contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:40px;align-items:start;width:100%}@media(max-width:900px){.kinetic-contact-grid{grid-template-columns:1fr;gap:32px}}.kinetic-card-pad{padding:36px}@media(max-width:768px){.kinetic-card-pad{padding:24px 20px}}.kinetic-navbar-nav{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:99px;backdrop-filter:blur(24px);max-width:calc(100vw - 32px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kinetic-navbar-nav::-webkit-scrollbar{display:none}@media(max-width:600px){.kinetic-navbar-nav{padding:4px 6px;gap:2px}.kinetic-navbar-btn{padding:6px 10px!important;font-size:.76rem!important}}
