:root{color-scheme:dark;--bg-0: #06070a;--bg-1: #0b111c;--surface-0: rgba(10, 16, 28, .78);--surface-1: rgba(14, 23, 40, .86);--surface-border: rgba(124, 156, 218, .24);--text-primary: #f2f6ff;--text-secondary: #b8c6e6;--text-muted: #92a3c5;--accent-0: #6bc2ff;--accent-1: #7ef0d1;--shadow-soft: 0 24px 48px rgba(2, 4, 8, .42);--radius-xl: 20px;--radius-lg: 16px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--max-width: 1200px;--block: 48px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Manrope,Segoe UI,Helvetica Neue,sans-serif;color:var(--text-primary);background:radial-gradient(circle at 18% 14%,rgba(84,153,255,.2) 0%,transparent 42%),radial-gradient(circle at 82% 86%,rgba(84,255,204,.18) 0%,transparent 46%),linear-gradient(145deg,var(--bg-0) 0%,var(--bg-1) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.site-shell{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;padding:var(--space-4)}.ambient{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;z-index:-1}.orb{position:absolute;border-radius:999px;filter:blur(32px);opacity:.22;will-change:transform;transform:translateZ(0);animation:float-orb 16s ease-in-out infinite}.orb-a{width:20rem;height:20rem;top:6%;left:3%;background:var(--accent-0)}.orb-b{width:16rem;height:16rem;right:4%;top:20%;background:var(--accent-1);animation-delay:2s}.orb-c{width:14rem;height:14rem;right:24%;bottom:8%;background:#6d89ff;animation-delay:4s}.layout{width:min(100%,var(--max-width));height:calc(100dvh - 2 * var(--space-4));margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.hero{text-align:center}.card{background:linear-gradient(160deg,var(--surface-0) 0%,var(--surface-1) 100%);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:clamp(1.1rem,.8rem + 1.5vw,2rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.accent-text{background:linear-gradient(90deg,var(--accent-0),var(--accent-1));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{margin:0;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.display-name{margin:var(--space-1) 0 0;font-size:clamp(1.6rem,1.1rem + 2vw,2.8rem);line-height:1.08}.display-role{margin:var(--space-1) 0 0;font-size:clamp(.9rem,.8rem + .5vw,1.15rem);color:var(--text-secondary)}.section-title{margin:0 0 var(--space-3);font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.world-section{text-align:center;flex:1;min-height:0;display:flex;flex-direction:column}.world{flex:1;min-height:0;position:relative;transition:transform .75s cubic-bezier(.3,.8,.25,1);will-change:transform}.scene{position:absolute;left:50%;top:50%;width:calc(var(--block) * 9);height:calc(var(--block) * 9);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(55deg) rotate(45deg)}.block{position:absolute;width:var(--block);height:var(--block);transform-style:preserve-3d;margin:0;padding:0;border:none;background:transparent;font:inherit;color:inherit}.face{position:absolute;backface-visibility:visible}.face-top{top:0;right:0;bottom:0;left:0;transform:translateZ(var(--h));box-shadow:inset 0 0 0 1px #0000002e}.face-south{left:0;top:100%;width:var(--block);height:var(--h);transform-origin:top;transform:rotateX(90deg)}.face-east{top:0;left:100%;width:var(--h);height:var(--block);transform-origin:left;transform:rotateY(-90deg)}.grass .face-top{background:#46b06b}.grass .face-south{background:#5f4430}.grass .face-east{background:#4c3625}.stone .face-top{background:#98a1b3}.stone .face-south{background:#6d7688}.stone .face-east{background:#596174}.water .face-top{background:#5aaaffbf;box-shadow:0 0 18px #5aaaff59}.water .face-south{background:#468cdc99}.water .face-east{background:#3c78c399}.landmark{cursor:pointer;touch-action:manipulation;transition:transform .2s ease}.landmark:hover,.landmark:focus-visible,.landmark:active{transform:translateZ(10px)}.landmark .face-top{background:#57d488;box-shadow:inset 0 0 0 3px #7ef0d1d9,0 0 20px #7ef0d166}.beacon{position:absolute;left:50%;top:50%;width:0;height:0;display:grid;justify-items:center;align-content:end;pointer-events:auto;transform:translateZ(calc(var(--h) + 10px)) rotate(-45deg) rotateX(-55deg);transition:opacity .3s ease}.world.zoomed .beacon{pointer-events:none}.world.zoomed .beacon{opacity:0}.beacon-icon{font-size:1.5rem;line-height:1;animation:bob 2.4s ease-in-out infinite}.beacon-label{margin-top:.3rem;white-space:nowrap;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);background:#0a101cd9;border:1px solid var(--surface-border);border-radius:999px;padding:.15rem .55rem}.world-hint{margin:var(--space-2) 0 0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);transition:opacity .3s ease}.world.zoomed+.world-hint{opacity:0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#04060a40}.panel{position:fixed;z-index:20;right:var(--space-4);top:50%;transform:translateY(-50%);width:min(430px,calc(100vw - 2 * var(--space-4)));max-height:min(80dvh,640px);overflow-y:auto;animation:panel-in .26s cubic-bezier(.2,.9,.2,1)}.panel-head{display:flex;align-items:center;justify-content:space-between;column-gap:var(--space-3)}.panel-title{margin-bottom:0}.panel-head+*{margin-top:var(--space-3)}.panel-close{border:1px solid var(--surface-border);background:transparent;color:var(--text-secondary);border-radius:999px;width:2rem;height:2rem;cursor:pointer;font-size:.85rem;transition:color .18s ease,border-color .18s ease}.panel-close:hover,.panel-close:focus-visible{color:var(--text-primary);border-color:var(--accent-1)}.timeline-list,.skills-list,.links-list{list-style:none;margin:0;padding:0}.timeline-list{display:grid;gap:var(--space-3)}.timeline-item{position:relative;border-left:2px solid rgba(126,240,209,.45);padding-left:var(--space-3)}.timeline-item:before{content:"";position:absolute;left:-6px;top:.3rem;width:10px;height:10px;border-radius:999px;background:var(--accent-1);box-shadow:0 0 12px #7ef0d199}.timeline-period{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.timeline-role{margin:var(--space-1) 0 0;font-weight:600}.timeline-description{margin:var(--space-1) 0 0;color:var(--text-secondary);line-height:1.55}.skills-list{display:grid;gap:var(--space-2)}.skills-item{display:flex;flex-direction:column;row-gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid rgba(146,163,197,.2)}.skills-item:last-child{border-bottom:none;padding-bottom:0}.skills-title{font-weight:600}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{font-size:.8rem;color:var(--text-secondary);border:1px solid rgba(124,156,218,.3);border-radius:999px;padding:.15rem .6rem;background:#6bc2ff0f}.projects-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.project-item{display:flex;flex-direction:column;row-gap:var(--space-1);padding:var(--space-3);border:1px solid rgba(124,156,218,.18);border-radius:var(--radius-lg);text-decoration:none;color:inherit;background:#6bc2ff0a;transition:border-color .22s ease,background .22s ease}.project-item:hover,.project-item:focus-visible{border-color:#7ef0d180;background:#7ef0d112}.project-head{display:flex;align-items:baseline;justify-content:space-between;column-gap:var(--space-3);flex-wrap:wrap}.project-name{font-weight:600}.project-tech{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.project-description{color:var(--text-secondary);line-height:1.55;font-size:.95rem}.links-list{display:flex;gap:var(--space-4);flex-wrap:wrap}.quick-links{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-3)}.text-link{position:relative;text-decoration:none;color:var(--text-primary);display:inline-flex;transform:translateZ(0);transition:transform .22s ease}.text-link:after{content:"";position:absolute;left:0;bottom:-.2rem;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-0),var(--accent-1));transform-origin:left;transform:scaleX(0);transition:transform .22s ease}.text-link:hover,.text-link:focus-visible{transform:translate3d(0,-2px,0)}.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}.reveal-1,.reveal-2,.reveal-3{opacity:0;transform:translate3d(0,14px,0);will-change:transform,opacity;animation:card-in .56s cubic-bezier(.2,.9,.2,1) forwards}.reveal-2{animation-delay:.12s}.reveal-3{animation-delay:.22s}@media(max-width:640px){.scene{transform:translate(-50%,-50%) scale(.55) rotateX(55deg) rotate(45deg)}.beacon-icon{font-size:1.9rem}.beacon-label{font-size:.78rem;padding:.25rem .7rem}.panel{right:50%;top:auto;bottom:var(--space-3);transform:translate(50%);max-height:60dvh}}@media(max-width:360px){.scene{transform:translate(-50%,-50%) scale(.5) rotateX(55deg) rotate(45deg)}}@media(min-width:1024px){.site-shell{padding:var(--space-5) var(--space-6)}.layout{height:calc(100dvh - 2 * var(--space-5))}}@media(prefers-reduced-motion:reduce){.orb,.beacon-icon{animation:none}.reveal-1,.reveal-2,.reveal-3{animation-duration:1ms}}@keyframes card-in{to{opacity:1;transform:translateZ(0)}}@keyframes float-orb{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.04)}to{transform:translateZ(0) scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes panel-in{0%{opacity:0;translate:16px 0}to{opacity:1;translate:0 0}}