@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{color-scheme:light;--ink: #201b16;--muted: #5a4f45;--accent: #d96b45;--panel: #fff9f0;--panel-border: #e8d4bf;--shadow: 0 24px 60px rgba(44, 31, 22, .25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;color:var(--ink);background:#0b0a08}a{color:inherit}.app{width:100vw;height:100vh;overflow:hidden;position:relative}.scene-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene{position:relative;width:100%;height:100%;overflow:hidden}.scene[data-hover]{cursor:pointer}.scene-inner{position:absolute;left:50%;top:50%;width:max(100vw,150vh);height:max(100vh,calc(100vw / 1.5));transform:translate(-50%,-50%)}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.layer-head{transform-origin:150% 40%;backface-visibility:hidden;will-change:transform;filter:blur(.2px);transform:translate(2px,10px)}.layer-left-arm{transform-origin:66% 71%;backface-visibility:hidden;will-change:transform}.layer-right-arm{backface-visibility:hidden;will-change:transform}.right-arm-wrap{position:absolute;overflow:hidden;pointer-events:none;backface-visibility:hidden;will-change:transform}.right-arm-anim{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:82% 58%;backface-visibility:hidden;will-change:transform}.right-arm-img{position:absolute;object-fit:contain}.layer-cat-ear{transform-origin:48% 52%}.layer-body-cover{pointer-events:none;filter:blur(.3px)}.fingers-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9}.finger{position:absolute;width:6%;height:auto;transform-origin:50% 80%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.finger-left-index{left:41.2%;top:72.6%;transform:rotate(-6deg) scale(.95)}.finger-left-middle{left:43.8%;top:72.3%;transform:rotate(-3deg) scale(.9)}.finger-left-ring{left:46.2%;top:72.5%;transform:rotate(0) scale(.85)}.finger-left-pinky{left:48.1%;top:73.1%;transform:rotate(2deg) scale(.75)}.finger-right-index{left:44.2%;top:74.4%;transform:rotate(2deg) scale(.95)}.finger-right-middle{left:46.6%;top:74.3%;transform:rotate(4deg) scale(.9)}.finger-right-ring{left:48.6%;top:74.6%;transform:rotate(6deg) scale(.85)}.finger-right-pinky{left:50.1%;top:75.1%;transform:rotate(8deg) scale(.75)}.smoke-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.smoke-sprite{position:absolute;width:9%;height:9%;left:32.5%;top:60.5%;--smoke-start: .85;--smoke-end: 1.15;background-image:url(../assets/white-smoke.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;filter:blur(.5px);mix-blend-mode:screen;animation:smoke-rise 6s ease-in-out infinite}.smoke-sprite.smoke-two{left:33.5%;top:58.5%;--smoke-start: .95;--smoke-end: 1.25;animation-delay:3s}@keyframes smoke-rise{0%{opacity:0;transform:translateY(10px) scale(var(--smoke-start))}15%{opacity:.5}60%{opacity:.35}to{opacity:0;transform:translateY(-30px) scale(var(--smoke-end))}}.hotspot{position:absolute;background:transparent;border:none;transition:none;cursor:pointer;pointer-events:none}.hotspot:focus-visible,.hotspot:hover{outline:none}.scene[data-hover=about] .layer-body,.scene[data-hover=about] .layer-head,.scene[data-hover=about] .layer-left-arm,.scene[data-hover=about] .right-arm-wrap{filter:drop-shadow(0 0 16px rgba(255,204,140,.55)) drop-shadow(0 0 32px rgba(255,158,96,.35))}.scene[data-hover=projects] .layer-monitor{filter:drop-shadow(0 0 14px rgba(173,216,255,.55)) drop-shadow(0 0 28px rgba(113,169,255,.35))}.scene[data-hover=contact] .layer-phone{filter:drop-shadow(0 0 12px rgba(189,255,236,.6)) drop-shadow(0 0 26px rgba(124,255,210,.35))}.scene[data-hover=certs] .layer-cert{filter:drop-shadow(0 0 12px rgba(255,244,200,.6)) drop-shadow(0 0 26px rgba(255,219,138,.35))}.hotspot-body{left:44%;top:20%;width:50%;height:70%}.hotspot-monitors{left:.9%;top:37.8%;width:33.3%;height:34.7%}.hotspot-phone{left:20.4%;top:77.9%;width:10%;height:4.1%}.hotspot-cert{left:88.4%;top:4%;width:11.6%;height:16.1%}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#201b1659;display:flex;justify-content:center;align-items:center;padding:24px;z-index:100}.panel-backdrop.panel-backdrop-clear{background:transparent;padding:0}.panel{width:min(900px,92vw);max-height:85vh;overflow:auto;background:var(--panel);border-radius:18px;border:1px solid var(--panel-border);padding:28px 32px 32px;box-shadow:var(--shadow);position:relative}.panel.panel-certs{width:min(980px,92vw);max-height:none;height:auto;overflow:hidden;background:transparent;border:none;box-shadow:none;padding:0}.panel.panel-projects{width:min(1100px,96vw);height:min(78vh,720px);max-height:none;overflow:hidden;padding:0;background:transparent;border:none;box-shadow:none}.panel.panel-projects .panel-close{display:none}.projects-panel{height:100%}.panel.panel-contact{width:auto;height:auto;padding:0;border:none;background:transparent;box-shadow:none;overflow:visible}.panel.panel-contact .panel-close{display:none}.panel.panel-projects.is-maximized{width:min(1400px,96vw);height:92vh}.panel h2{margin-top:0;font-size:28px}.panel-lead{color:var(--muted);margin-top:-8px}.panel-close{position:absolute;top:18px;right:18px;border:none;background:#f4e3d1;color:var(--ink);padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer}.panel-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.contact-panel{display:flex;justify-content:center;align-items:center;padding:0}.phone-shell{width:min(320px,70vw);aspect-ratio:9 / 19.5;border-radius:30px;padding:10px;background:linear-gradient(180deg,#30261f,#1d1712);border:1px solid #45352a;box-shadow:0 24px 50px #100c0973;position:relative}.phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:18px;border-radius:12px;background:#0f0b08;opacity:.8}.phone-screen{height:100%;border-radius:24px;background:radial-gradient(circle at top,rgba(255,231,203,.22),transparent 55%),#1a1410;color:#f1e3d0;padding:18px 18px 24px;display:flex;flex-direction:column;gap:16px}.phone-status{display:flex;justify-content:space-between;font-size:12px;color:#e2d4c1;letter-spacing:.08em}.phone-status-icons{display:flex;gap:6px}.phone-status-icons .dot{width:6px;height:6px;border-radius:50%;background:#e0c7a6}.phone-header h2{margin:0;font-size:20px}.phone-header p{margin:6px 0 0;font-size:12px;color:#c9b7a1}.phone-app-grid{display:grid;gap:12px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;margin-top:8px}.phone-app{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border-radius:18px;border:1px solid transparent;background:transparent;color:inherit;text-align:center;cursor:pointer}.phone-app:hover{border-color:#ffd6a733;box-shadow:0 0 0 1px #ffd6a740,0 12px 24px #100c0940}.phone-app-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #fff3}.phone-app-label{font-size:14px;font-weight:600}.phone-app-logo{width:26px;height:26px;display:block}.phone-dock{display:flex;justify-content:center;padding-top:8px}.phone-dock-pill{width:90px;height:5px;border-radius:999px;background:#ffd6a766}.projects-panel .vscode-shell{height:100%;border-radius:18px;border:1px solid #2d241d;background:#1d1712;box-shadow:0 20px 50px #15100c66;overflow:hidden}.vscode-titlebar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,#2c221a,#201812);color:#f5e9d8;font-size:13px;letter-spacing:.3px}.vscode-title{font-weight:600}.vscode-window-buttons{display:flex;gap:6px}.vscode-dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff14}.vscode-dot.close{background:#f08b72}.vscode-dot.minimize{background:#f2c074}.vscode-dot.maximize{background:#7fd69a}.vscode-dot:focus-visible{outline:2px solid rgba(255,229,199,.7);outline-offset:2px}.vscode-body{display:grid;grid-template-columns:250px 1fr;height:calc(100% - 44px);min-height:0}.vscode-sidebar{background:#201812;border-right:1px solid #2f241c;padding:14px 12px;color:#e7dac7}.vscode-sidebar-header{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#b9a792;margin-bottom:10px}.vscode-tree{display:grid;gap:10px}.vscode-tree-group{display:grid;gap:6px}.vscode-tree-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:none;background:transparent;color:inherit;font-weight:500;text-align:left;cursor:pointer}.vscode-tree-item:hover,.vscode-tree-item.is-active{background:#ffd6a71a;box-shadow:inset 0 0 0 1px #ffd6a733}.vscode-tree-label{font-size:14px}.vscode-tree-file{display:flex;align-items:center;gap:8px;padding-left:22px;font-size:13px;color:#cbbba6}.vscode-icon{width:10px;height:10px;border-radius:2px;background:#8a6e56;flex:0 0 auto}.vscode-icon.folder{background:#d89b5a}.vscode-icon.file{background:#8bb7d9}.vscode-editor{background:#15110d;color:#e9dcc7;display:flex;flex-direction:column;min-height:0}.vscode-tabs{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #2b2018;background:#1a1410}.vscode-tab{padding:6px 10px;border-radius:8px;background:#241b14;color:#f2e4d2;font-size:13px;font-weight:600}.vscode-tab-link{margin-left:auto;font-size:13px;font-weight:600;color:#f0c38e;text-decoration:none}.vscode-tab-link:hover{text-decoration:underline}.vscode-editor-body{padding:18px;overflow:auto;flex:1;min-height:0}.vscode-markdown{margin:0;white-space:pre-wrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;color:#e8dcc8}.panel-card{background:#fff1e3;border-radius:14px;padding:16px;border:1px solid #f0d9c5}.panel-card h3{margin-top:0}.panel-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.panel-tags span{background:#f1c28b;color:#3c2b1f;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.certs-panel{display:grid;gap:16px;padding:0}.cert-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.cert-nav{width:44px;height:44px;border-radius:50%;border:1px solid rgba(217,189,158,.4);background:#fff1e1;color:#3c2b1f;font-size:24px;font-weight:600;cursor:pointer;box-shadow:0 10px 20px #2319121f}.cert-nav:hover{background:#ffead1}.cert-card{display:grid;gap:18px;align-items:center;background:#fff5ea;border-radius:18px;border:1px solid #e9d3bb;padding:18px;box-shadow:0 20px 40px #1d140e1f}.cert-frame{position:relative;width:100%;padding-top:68%;background:url(../assets/certs/wood-frame.svg) center/cover no-repeat;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff40}.cert-paper{position:absolute;top:10%;right:11%;bottom:10%;left:11%;display:grid;place-items:center}.cert-image{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 10px 24px #1c140e2e}.cert-details{display:grid;gap:8px}.cert-details h3{margin:0;font-size:20px}.cert-issuer{color:#6b5a4a;font-size:14px;font-weight:600}.cert-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:#6b5a4a}.cert-skills{display:flex;flex-wrap:wrap;gap:6px}.cert-skills span{background:#f1c28b;color:#3c2b1f;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.cert-dots{display:flex;justify-content:center;gap:8px}.cert-dot{width:10px;height:10px;border-radius:50%;border:none;background:#e2cbb3;cursor:pointer}.cert-dot.is-active{background:#c6884d}.panel-links{display:flex;gap:12px;margin-top:12px;font-weight:600}.panel-list{display:grid;gap:12px}.panel-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edd9c7}.panel-muted{color:var(--muted);font-size:14px}.mobile-page{display:grid;gap:32px;padding:24px 20px 40px}.mobile-hero{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.mobile-hero img{width:100%;display:block}.mobile-hero-text{position:absolute;inset:auto 0 0 0;padding:20px 24px;background:linear-gradient(180deg,#0000,#0000008c);color:#fff}.mobile-section{background:#fff6eb;border-radius:16px;padding:20px;border:1px solid #f0d9c5}.mobile-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px;border:1px solid #f0d9c5}.mobile-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:10px}.mobile-contact-app{border:none;background:#fff;border-radius:14px;padding:12px;display:grid;gap:8px;justify-items:center;text-align:center;cursor:pointer;box-shadow:0 10px 24px #36271b14}.mobile-contact-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #fff6}.mobile-contact-logo{width:26px;height:26px}.mobile-contact-label{font-weight:600;font-size:13px;color:#3c2b1f}@media (max-width: 900px){.app{height:auto;min-height:100vh;overflow:auto}}@media (prefers-reduced-motion: reduce){.smoke-sprite{animation:none}}