@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#0a0b0e;--panel:#101218d1;--panel-solid:#101218;--panel-raised:#151823eb;--border:#ffffff14;--border-strong:#ffffff29;--text:#e9edf3;--text-muted:#8b93a7;--accent:#a3e635;--accent-rgb:163, 230, 53;--accent-dark:#6f9c24;--accent-light:#b1eb54;--accent-dim:rgba(var(--accent-rgb), .14);--accent-glow:rgba(var(--accent-rgb), .28);--mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--nav-height:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(1100px 600px at 78% -10%, rgba(var(--accent-rgb), .05), transparent 60%), radial-gradient(900px 700px at -10% 110%, #60a5fa0b, transparent 60%), radial-gradient(#ffffff09 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:auto,auto,32px 32px;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#0a0b0e}.bg-scene{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-scene canvas{display:block}.top-nav,.app-shell,.scroll-progress{z-index:1;position:relative}.scroll-progress{background:linear-gradient(90deg, var(--accent-dark), var(--accent));height:3px;box-shadow:0 0 12px var(--accent-glow);transform-origin:0;z-index:200;position:fixed;top:0;left:0;right:0}.top-nav{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0b0eb8;position:sticky;top:0}.top-nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.top-nav-brand{letter-spacing:-.02em;white-space:nowrap;font-size:16px;font-weight:800}.top-nav-brand-dot{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.section-nav{align-items:stretch;height:100%;display:flex;overflow-x:auto}.section-nav-button{color:var(--text-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0 16px;font-size:12px;font-weight:500;transition:color .2s;position:relative}.section-nav-button:hover{color:var(--text)}.section-nav-button.active{color:var(--accent)}.section-nav-underline{background:var(--accent);height:2px;box-shadow:0 0 10px var(--accent-glow);position:absolute;bottom:-1px;left:10px;right:10px}.app-shell{max-width:1200px;height:calc(100vh - var(--nav-height));grid-template-columns:320px minmax(0,1fr);align-items:start;gap:40px;margin:0 auto;padding:0 24px;display:grid}.profile-side{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:48px 0 96px;overflow-y:auto}.profile-side::-webkit-scrollbar{display:none}.content{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .35) transparent;flex-direction:column;gap:72px;min-width:0;height:100%;padding:48px 14px 96px 0;display:flex;overflow-y:auto}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .3);border-radius:3px}.content::-webkit-scrollbar-track{background:0 0}.cv-section{scroll-margin-top:24px}.section-title{letter-spacing:-.02em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 26px;font-size:24px;font-weight:800;display:flex}.section-index{font-family:var(--mono);color:var(--accent);text-shadow:0 0 12px var(--accent-glow);font-size:13px;font-weight:600;display:inline-block}.section-rule{background:linear-gradient(90deg, var(--border-strong), transparent);transform-origin:0;flex:1;height:1px}.profile-card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);text-align:center;padding:32px 26px}.profile-photo-ring{border-radius:50%;width:156px;height:156px;margin:0 auto 20px;padding:8px;position:relative}.profile-photo-orbit{background:conic-gradient(from 0deg, transparent 0deg, var(--accent) 65deg, transparent 130deg, transparent 180deg, rgba(var(--accent-rgb), .45) 245deg, transparent 310deg);border-radius:50%;animation:7s linear infinite orbit-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}@keyframes orbit-spin{to{transform:rotate(360deg)}}.profile-photo{object-fit:cover;border:1px solid var(--border-strong);border-radius:50%;width:100%;height:100%;display:block}.profile-name{letter-spacing:-.02em;margin:0;font-size:25px;font-weight:800}.profile-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);min-height:1.4em;margin:8px 0 24px;font-size:12px;font-weight:500}.profile-title-prompt{color:var(--text-muted)}.profile-title-caret{vertical-align:text-bottom;background:var(--accent);width:7px;height:1.1em;box-shadow:0 0 8px var(--accent-glow);margin-left:3px;animation:1.1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.profile-contacts{text-align:left;color:var(--text-muted);flex-direction:column;gap:10px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.profile-contacts a:hover{color:var(--text)}.profile-contacts li{overflow-wrap:anywhere;align-items:center;gap:10px;display:flex}.contact-icon{background:var(--panel-raised);border:1px solid var(--border);flex:0 0 26px;justify-content:center;align-items:center;height:26px;display:inline-flex}.contact-icon-glyph{background-color:var(--accent);width:15px;height:15px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.profile-links{gap:10px;margin:22px 0 4px;display:flex}.profile-link{text-align:center;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--panel-raised);border:1px solid var(--border);flex:1;padding:10px 0;font-size:12px;font-weight:600;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}.profile-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 4px 18px rgba(var(--accent-rgb), .12)}.cv-download{width:100%;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0a0b0e;background:linear-gradient(135deg, var(--accent), var(--accent-light));border:1px solid var(--accent);cursor:pointer;box-shadow:0 4px 20px rgba(var(--accent-rgb), .18);margin:12px 0 4px;padding:12px 0;font-size:12px;font-weight:600;transition:box-shadow .2s,filter .2s;display:block}.cv-download:hover{box-shadow:0 6px 28px rgba(var(--accent-rgb), .32);filter:brightness(1.06)}.cv-download.busy{cursor:progress;filter:saturate(.6)brightness(.9)}.profile-block{border-top:1px solid var(--border);text-align:left;margin-top:24px;padding-top:20px}.profile-block-title{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px;font-size:11px;font-weight:600}.language-list{flex-direction:column;gap:12px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.language-row{justify-content:space-between;margin-bottom:6px;display:flex}.language-level{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:500}.language-bar{background:var(--panel-raised);border:1px solid var(--border);height:4px;overflow:hidden}.language-bar-fill{background:linear-gradient(90deg, var(--accent-dark), var(--accent));height:100%;box-shadow:0 0 8px var(--accent-glow);display:block}.card{background:var(--panel);border:1px solid var(--border);border-left:2px solid var(--border-strong);-webkit-backdrop-filter:blur(6px)}.card-hover{transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}.card-hover:hover{border-left-color:var(--accent);background:var(--panel-raised);transform:translate(4px);box-shadow:0 8px 30px #00000059}.tilt-card{will-change:transform;height:100%;transform-style:preserve-3d;transition:border-color .25s,background .25s,box-shadow .25s;display:block;position:relative}.tilt-card:hover{border-color:rgba(var(--accent-rgb), .45);border-left-color:var(--accent);background:var(--panel-raised);box-shadow:0 18px 44px #00000073, 0 0 24px rgba(var(--accent-rgb), .07)}.card-glare{pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--glare-x,50%) var(--glare-y,50%), rgba(var(--accent-rgb), .1), transparent 65%);transition:opacity .3s;position:absolute;inset:0}.tilt-card:hover .card-glare{opacity:1}.timeline{flex-direction:column;gap:20px;padding-left:26px;display:flex;position:relative}.timeline-line{background:linear-gradient(180deg, var(--accent) 0%, var(--border-strong) 30%, var(--border-strong) 100%);transform-origin:50% 0;width:1px;position:absolute;top:8px;bottom:8px;left:5px}.timeline-item{padding:22px 24px;transition:border-color .25s,background .25s,box-shadow .25s;position:relative}.timeline-item:hover{border-left-color:var(--accent);background:var(--panel-raised);box-shadow:0 8px 30px #00000059}.timeline-marker{background:var(--bg);border:2px solid var(--accent);width:9px;height:9px;position:absolute;top:30px;left:-26px}.timeline-marker-pulse{border:2px solid var(--accent);opacity:0;position:absolute;inset:-2px}.timeline-item:hover .timeline-marker-pulse{animation:1.4s ease-out infinite marker-pulse}@keyframes marker-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.timeline-title{margin:0;font-size:17px;font-weight:700}.timeline-org{color:var(--accent);margin:5px 0 0;font-size:14px;font-weight:600}.timeline-location{color:var(--text-muted);font-weight:500}.timeline-period{font-family:var(--mono);letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border-strong);white-space:nowrap;flex-shrink:0;padding:5px 10px;font-size:11.5px;font-weight:500}.timeline-description{color:var(--text-muted);margin:12px 0 0;font-size:14px;line-height:1.65}.timeline-bullets{color:var(--text-muted);flex-direction:column;gap:7px;margin:12px 0 0;padding-left:18px;font-size:14px;line-height:1.6;display:flex}.timeline-bullets li::marker{color:var(--accent)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.project-grid>div{min-width:0}.project-card{padding:22px}.project-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.project-glyph{background-color:var(--accent);width:20px;height:20px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;filter:drop-shadow(0 0 12px var(--accent-glow))}.project-arrow{color:var(--text-muted);font-size:15px;transition:color .2s,transform .25s}.tilt-card:hover .project-arrow{color:var(--accent);transform:translate(2px,-2px)}.project-name{margin:0 0 8px;font-size:16px;font-weight:700}.project-description{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.6}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--mono);letter-spacing:.03em;background:var(--panel-raised);border:1px solid var(--border);color:var(--text);cursor:default;padding:6px 12px;font-size:12px;font-weight:500;transition:border-color .2s,color .2s,background .2s,box-shadow .2s;display:inline-block}.tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 4px 16px rgba(var(--accent-rgb), .14)}.tag-cloud-large .tag{padding:10px 18px;font-size:13.5px}.tech-stack-card{padding:28px}.tech-showcase{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:24px;display:grid}.crystal-canvas{cursor:grab;height:240px;position:relative}.crystal-canvas:active{cursor:grabbing}.crystal-canvas canvas{touch-action:pan-y}.crystal-hint{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);opacity:.7;pointer-events:none;font-size:10px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.achievement-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.achievement-item{align-items:center;gap:16px;padding:16px 20px;font-size:14.5px;line-height:1.55;display:flex}.achievement-item.card-hover:hover{transform:none}.achievement-icon{background:var(--accent-dim);border:1px solid var(--accent);height:36px;color:var(--accent);flex:0 0 36px;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.site-footer{text-align:center;margin-top:-12px}.site-footer-rule{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);height:1px;margin-bottom:24px;display:block}.site-footer p{font-family:var(--mono);letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:11.5px}.section-nav{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.section-nav::-webkit-scrollbar{display:none}@media (width<=900px){.app-shell{grid-template-columns:1fr;gap:48px;height:auto;padding:28px 16px 72px}.profile-side,.content{height:auto;padding:0;overflow:visible}.content{gap:56px}.cv-section{scroll-margin-top:calc(var(--nav-height) + 16px)}.top-nav-brand{display:none}.top-nav-inner{gap:0;padding:0 12px}.tech-showcase{grid-template-columns:1fr;gap:8px}.crystal-canvas{height:210px}}@media (width<=560px){:root{--nav-height:56px}.app-shell{gap:40px;padding:20px 14px 64px}.content{gap:44px}.top-nav-inner{padding:0 6px}.section-nav-button{letter-spacing:.04em;padding:0 12px;font-size:11px}.section-title{gap:10px;margin-bottom:20px;font-size:20px}.profile-card{padding:28px 20px}.profile-photo-ring{width:136px;height:136px}.profile-name{font-size:23px}.timeline{padding-left:22px}.timeline-item{padding:18px}.timeline-marker{left:-22px}.timeline-title{font-size:16px}.project-grid{grid-template-columns:1fr}.project-card{padding:18px}.tech-stack-card{padding:22px}.achievement-item{gap:13px;padding:14px 16px;font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.profile-photo-orbit,.profile-title-caret,.timeline-marker-pulse{animation:none}}