:root{--color-bg:#050c1a;--color-bg-panel:#05122db3;--color-cyan:#00d4ff;--color-magenta:#f0a;--color-gold:#f0a030;--color-text:#e8f4ff;--color-text-muted:#dcf0ffb3;--color-border:#00d4ff59;--font-display:"Faculty Glyphic", serif;--font-ui:"Exo 2", sans-serif;--font-size-title:clamp(1.8rem, 3.5vw, 2.8rem);--font-size-body:clamp(1rem, 1.5vw, 1.2rem);--font-size-label:.68rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.2s;--duration-med:.4s;--duration-slow:.8s;--panel-bg:#05122db3;--panel-border:#00d4ff59;--panel-radius:2px;--panel-corner:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%}.holo-projects-grid,.holo-text-content,.sub-content,#sub-message{overscroll-behavior-y:contain}#scroll-wrapper{height:550vh}#scroll-canvas{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}#scene-bg{z-index:0;background-image:url(/back-first.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}#scene-bg-night{z-index:0;opacity:0;transition:opacity .8s var(--ease-smooth);background-image:url(/back-first-dark.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}#city-bg{z-index:1;will-change:transform;flex-direction:column;align-items:stretch;width:100%;display:flex;position:absolute;bottom:0;left:0}.city-top-img,.city-main-img{pointer-events:none;flex-shrink:0;width:100%;height:auto;display:block}.city-photo-wrap{flex-shrink:0;line-height:0;position:relative}.city-night-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease-smooth);pointer-events:none;display:block;position:absolute;top:0;left:0}.city-top-img{transition:opacity .8s var(--ease-smooth)}.bot-wrap{z-index:4;will-change:transform, opacity;cursor:pointer;position:absolute;top:calc(50% - 300px);left:48px;transform:translateY(-50%)}.bot-wrap:hover #bot-img{filter:drop-shadow(0 0 35px #00d4ffcc);transition:filter .3s}#bot-img{filter:drop-shadow(0 0 24px #00d4ff73);width:242px;height:auto;display:block}@keyframes float-bob{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}.portal-img{z-index:2;transform-origin:50% 42%;will-change:transform, opacity;pointer-events:none;width:100%;height:auto;position:absolute;bottom:0;left:50%}#intro-overlay{z-index:3;will-change:opacity;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro-content{text-align:center;padding:0 var(--space-xl);max-width:800px;transform:translateY(-80px)}.intro-greeting{font-family:var(--font-display);color:var(--color-text);letter-spacing:.08em;margin-bottom:var(--space-lg);text-shadow:0 0 40px #00d4ff40,0 2px 8px #0009;font-size:clamp(2rem,4vw,3.2rem);font-weight:700}.intro-body{font-family:var(--font-ui);color:var(--color-text);letter-spacing:.04em;text-shadow:0 1px 6px #000000b3;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:300;line-height:1.75}.intro-scroll-hint{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;position:absolute;bottom:12vh;left:50%;transform:translate(-50%)}.intro-scroll-hint span{font-family:var(--font-ui);font-size:var(--font-size-label);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.mouse-btn{border:3px solid #ffffffd9;border-radius:20px;width:40px;height:80px;margin:10px auto;display:flex}.mouse-scroll{background:#fff;border-radius:50%;width:20px;height:20px;margin:auto;animation:1s linear infinite scrolling13;display:block}@keyframes scrolling13{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(20px)}}#theme-toggle-wrap{top:var(--space-xl);right:var(--space-xl);z-index:9999;position:fixed}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch #theme-input{opacity:0;width:0;height:0}.slider{cursor:pointer;z-index:0;background-color:#2196f3;transition:all .4s;position:absolute;inset:0;overflow:hidden}.sun-moon{background-color:#ff0;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}#theme-input:checked+.slider{background-color:#000}#theme-input:focus+.slider{box-shadow:0 0 1px #2196f3}#theme-input:checked+.slider .sun-moon{background-color:#fff;transform:translate(26px)}.moon-dot{opacity:0;fill:gray;transition:all .4s}#theme-input:checked+.slider .sun-moon .moon-dot{opacity:1}.slider.round{border-radius:34px}.slider.round .sun-moon{border-radius:50%}#moon-dot-1{z-index:4;width:6px;height:6px;position:absolute;top:3px;left:10px}#moon-dot-2{z-index:4;width:10px;height:10px;position:absolute;top:10px;left:2px}#moon-dot-3{z-index:4;width:3px;height:3px;position:absolute;top:18px;left:16px}.light-ray{fill:#fff;opacity:.1;z-index:-1;position:absolute}#light-ray-1{width:43px;height:43px;top:-8px;left:-8px}#light-ray-2{width:55px;height:55px;top:-50%;left:-50%}#light-ray-3{width:60px;height:60px;top:-18px;left:-18px}.cloud-light{fill:#eee;animation:6s infinite cloud-move;position:absolute}.cloud-dark{fill:#ccc;animation:6s 1s infinite cloud-move;position:absolute}#cloud-1{width:40px;top:15px;left:30px}#cloud-2{width:20px;top:10px;left:44px}#cloud-3{width:30px;top:24px;left:18px}#cloud-4{width:40px;top:18px;left:36px}#cloud-5{width:20px;top:14px;left:48px}#cloud-6{width:30px;top:26px;left:22px}@keyframes cloud-move{0%{transform:translate(0)}40%{transform:translate(4px)}80%{transform:translate(-4px)}to{transform:translate(0)}}.stars{opacity:0;transition:all .4s;transform:translateY(-32px)}.star{fill:#fff;transition:all .4s;animation:2s infinite star-twinkle;position:absolute}#theme-input:checked+.slider .stars{opacity:1;transform:translateY(0)}#star-1{width:20px;animation-delay:.3s;top:2px;left:3px}#star-2{width:6px;top:16px;left:3px}#star-3{width:12px;animation-delay:.6s;top:20px;left:10px}#star-4{width:18px;animation-delay:1.3s;top:0;left:18px}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}@keyframes rotate-center{0%{transform:translate(26px)rotate(0)}to{transform:translate(26px)rotate(360deg)}}.hologram-container{z-index:5;opacity:0;will-change:opacity, transform;pointer-events:none;width:92vw;max-width:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hologram-card{margin-top:var(--space-md);filter:drop-shadow(0 0 8px #f0a03080);flex-direction:column;height:460px;max-height:460px;display:flex;position:relative;overflow:hidden}#hologram-main-container{z-index:10;flex:1;min-height:0;position:relative}#hologram-main-container>.holo-box{flex-direction:column;flex:1;min-height:0;display:flex}.hologram-container.seq-boot{pointer-events:auto}.seq-boot .hologram-card{transform-origin:top;animation:1.2s cubic-bezier(.1,.8,.2,1) 1s both seq-boot-card}@keyframes seq-boot-card{0%{opacity:0;max-height:0}1%{opacity:1}to{opacity:1;max-height:460px}}.seq-boot .hologram-tabs{animation:.6s cubic-bezier(.34,1.56,.64,1) 2.1s both seq-boot-nav}@keyframes seq-boot-nav{0%{opacity:0;transform:scale(.5)translateY(-50px)}70%{opacity:1;transform:scale(1.05)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.hologram-card:before{content:"";background:var(--color-gold);pointer-events:none;z-index:10;clip-path:polygon(50px 0%,calc(50% - 80px) 0%,calc(50% - 60px) 15px,calc(50% + 60px) 15px,calc(50% + 80px) 0%,calc(100% - 20px) 0%,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,calc(50% + 80px) 100%,calc(50% + 60px) calc(100% - 15px),calc(50% - 60px) calc(100% - 15px),calc(50% - 80px) 100%,20px 100%,0% calc(100% - 20px),0% 20px,20px 0%,50px 0%,50px 1px,21px 1px,1px 21px,1px calc(100% - 21px),21px calc(100% - 1px),calc(50% - 81px) calc(100% - 1px),calc(50% - 61px) calc(100% - 16px),calc(50% + 61px) calc(100% - 16px),calc(50% + 81px) calc(100% - 1px),calc(100% - 21px) calc(100% - 1px),calc(100% - 1px) calc(100% - 21px),calc(100% - 1px) 21px,calc(100% - 21px) 1px,calc(50% + 81px) 1px,calc(50% + 61px) 16px,calc(50% - 61px) 16px,calc(50% - 81px) 1px,50px 1px);position:absolute;inset:0}.hologram-card-bg{background:var(--panel-bg);z-index:0;clip-path:polygon(0% 20px,20px 0%,calc(50% - 80px) 0%,calc(50% - 60px) 15px,calc(50% + 60px) 15px,calc(50% + 80px) 0%,calc(100% - 20px) 0%,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,calc(50% + 80px) 100%,calc(50% + 60px) calc(100% - 15px),calc(50% - 60px) calc(100% - 15px),calc(50% - 80px) 100%,20px 100%,0% calc(100% - 20px));position:absolute;inset:0}.holo-notch-top,.holo-notch-bottom{background:var(--color-gold);z-index:2;filter:drop-shadow(0 0 5px #f0a03099);width:160px;height:13px;position:absolute;left:50%;transform:translate(-50%)}.holo-notch-top{clip-path:polygon(2.7px 0,calc(100% - 2.7px) 0,calc(100% - 20px) 100%,20px 100%);top:0}.holo-notch-bottom{clip-path:polygon(20px 0,calc(100% - 20px) 0,calc(100% - 2.7px) 100%,2.7px 100%);bottom:0}.hologram-card-bg:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000,#0000 3px,#00d4ff0f 3px 6px);position:absolute;inset:0}.hologram-card-bg:after{content:"";clip-path:polygon(0 0, var(--panel-corner) 0, 0 var(--panel-corner), 0 0, calc(100% - var(--panel-corner)) 0, 100% 0, 100% var(--panel-corner), calc(100% - var(--panel-corner)) 0, 100% calc(100% - var(--panel-corner)), 100% 100%, calc(100% - var(--panel-corner)) 100%, 100% calc(100% - var(--panel-corner)), var(--panel-corner) 100%, 0 100%, 0 calc(100% - var(--panel-corner)), var(--panel-corner) 100%);pointer-events:none;border:1px solid #f0a03033;position:absolute;inset:6px}.hologram-content{z-index:1;gap:var(--space-md);flex-direction:column;display:flex;position:relative}.hologram-tabs{justify-content:center;gap:var(--space-sm);background:var(--panel-bg);border:1px solid var(--panel-border);padding:var(--space-xs) var(--space-xs);border-radius:var(--panel-radius);margin:0 20px var(--space-md) 20px;display:flex;box-shadow:0 0 15px #00d4ff1a}.holo-tab{color:var(--color-text-muted);font-family:var(--font-ui);padding:var(--space-sm) var(--space-md);cursor:pointer;align-items:center;gap:var(--space-sm);transition:all var(--duration-fast) var(--ease-smooth);background:0 0;border:none;border-radius:2px;font-size:.9rem;display:flex}.holo-tab svg{width:16px;height:16px}.holo-tab:hover{color:var(--color-cyan)}.holo-tab.active{color:var(--color-cyan);border-bottom:2px solid var(--color-cyan);text-shadow:0 0 8px #00d4ff99}.hologram-main{z-index:2;padding:var(--space-xl);gap:var(--space-md);grid-template-columns:2fr 1fr;display:grid;position:relative}.holo-box{border:1px solid var(--color-cyan);border-radius:var(--panel-radius);padding:var(--space-md);background:#05122d80;position:relative;box-shadow:inset 0 0 20px #00d4ff0d}.holo-box:before{content:"";border-top:2px solid var(--color-cyan);border-left:2px solid var(--color-cyan);width:10px;height:10px;position:absolute;top:0;left:0}.holo-box:after{content:"";border-bottom:2px solid var(--color-cyan);border-right:2px solid var(--color-cyan);width:10px;height:10px;position:absolute;bottom:0;right:0}.holo-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-md);text-shadow:0 0 5px #ffffff80;padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff1a;font-size:1.4rem}.holo-text-content{color:var(--color-text-muted);margin-bottom:var(--space-lg);height:200px;padding-right:var(--space-sm);font-size:.9rem;line-height:1.6;overflow-y:auto}.holo-text-content::-webkit-scrollbar{width:4px}.holo-text-content::-webkit-scrollbar-track{background:#00d4ff1a}.holo-text-content::-webkit-scrollbar-thumb{background:var(--color-cyan);border-radius:2px}.holo-actions{padding-top:var(--space-md);border-top:1px solid #00d4ff33;justify-content:space-between;align-items:center;display:flex}.holo-btn-primary{color:var(--color-cyan);border:1px solid var(--color-cyan);padding:var(--space-sm) var(--space-lg);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;font-size:.8rem}.holo-btn-primary:hover{background:var(--color-cyan);color:var(--color-bg);box-shadow:0 0 15px #00d4ff80}.holo-btn-secondary{color:var(--color-text-muted);cursor:pointer;font-size:.8rem}.holo-btn-secondary:hover{color:var(--color-text)}.holo-sidebar{gap:var(--space-md);flex-direction:column;display:flex}.holo-box-small{padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;display:flex}.holo-box-full{padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.holo-box-full .holo-image{flex:1;height:auto}.holo-projects-grid{gap:var(--space-md);min-height:0;padding-right:var(--space-xs);padding-bottom:var(--space-xl);margin-top:var(--space-sm);flex:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;overflow-y:auto}.holo-projects-grid::-webkit-scrollbar{width:4px}#sub-message::-webkit-scrollbar{width:4px}#sub-message textarea::-webkit-scrollbar{width:4px}.holo-projects-grid::-webkit-scrollbar-track{background:#00d4ff0d}#sub-message::-webkit-scrollbar-track{background:#00d4ff0d}#sub-message textarea::-webkit-scrollbar-track{background:#00d4ff0d}.holo-projects-grid::-webkit-scrollbar-thumb{background:var(--color-cyan)}#sub-message::-webkit-scrollbar-thumb{background:var(--color-cyan)}#sub-message textarea::-webkit-scrollbar-thumb{background:var(--color-cyan)}.holo-project-container{perspective:1000px;width:100%;height:100%;padding:8px;position:relative}.holo-project-quadrant{opacity:0;z-index:10;width:50%;height:50%;position:absolute}.holo-project-card{z-index:0;transition:all var(--duration-slow) var(--ease-smooth);transform-origin:50%;background:var(--color-bg);flex-direction:column;width:100%;height:100%;padding:2px;display:flex;position:relative}.holo-project-card .holo-image{border:none;border-radius:1px}.holo-project-card .holo-img-label{text-align:center;padding:4px}.holo-project-quadrant:first-child{top:0;left:0}.holo-project-quadrant:nth-child(2){top:0;right:0}.holo-project-quadrant:nth-child(3){bottom:0;right:0}.holo-project-quadrant:nth-child(4){bottom:0;left:0}.holo-project-quadrant:first-child:hover~.holo-project-card,.holo-project-quadrant:first-child:focus~.holo-project-card{transform-origin:100% 100%;border-color:var(--color-cyan);transform:rotateX(8deg)rotateY(-8deg)translateZ(0);box-shadow:8px 8px 20px #00d4ff33}.holo-project-quadrant:nth-child(2):hover~.holo-project-card,.holo-project-quadrant:nth-child(2):focus~.holo-project-card{transform-origin:0 100%;border-color:var(--color-cyan);transform:rotateX(8deg)rotateY(8deg)translateZ(0);box-shadow:-8px 8px 20px #00d4ff33}.holo-project-quadrant:nth-child(3):hover~.holo-project-card,.holo-project-quadrant:nth-child(3):focus~.holo-project-card{transform-origin:0 0;border-color:var(--color-cyan);transform:rotateX(-8deg)rotateY(8deg)translateZ(0);box-shadow:-8px -8px 20px #00d4ff33}.holo-project-quadrant:nth-child(4):hover~.holo-project-card,.holo-project-quadrant:nth-child(4):focus~.holo-project-card{transform-origin:100% 0;border-color:var(--color-cyan);transform:rotateX(-8deg)rotateY(-8deg)translateZ(0);box-shadow:8px -8px 20px #00d4ff33}.holo-image{background:#00d4ff1a;border:1px solid #00d4ff4d;width:100%;height:100px;position:relative;overflow:hidden}.holo-resume-grid{gap:var(--space-xl);margin-top:var(--space-md);min-height:0;padding-right:var(--space-sm);padding-bottom:var(--space-xl);grid-template-columns:1fr 2fr;align-items:flex-start;display:grid;overflow-y:auto}.holo-resume-grid::-webkit-scrollbar{width:4px}.holo-resume-grid::-webkit-scrollbar-track{background:#00d4ff0d}.holo-resume-grid::-webkit-scrollbar-thumb{background:var(--color-cyan)}.holo-subtitle{font-family:var(--font-display);color:var(--color-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md);border-bottom:1px solid #00d4ff33;padding-bottom:4px;font-size:1.1rem}.holo-tags-container{gap:var(--space-sm);flex-wrap:wrap;display:flex}.holo-tag{color:var(--color-cyan);text-transform:uppercase;letter-spacing:.5px;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:2px;padding:4px 10px;font-size:.8rem}.holo-lang-container{gap:var(--space-sm);flex-direction:column;display:flex}.holo-lang-item{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.holo-lang-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.holo-lang-fill{background:var(--color-cyan);height:100%;box-shadow:0 0 5px var(--color-cyan)}.holo-timeline-path{padding-left:var(--space-lg);gap:var(--space-xl);border-left:1px solid #00d4ff4d;flex-direction:column;margin-left:6px;display:flex;position:relative}.holo-timeline-item{position:relative}.holo-timeline-node{left:calc(var(--space-lg) * -1 - 6px);background:var(--color-bg);border:2px solid var(--color-cyan);width:11px;height:11px;box-shadow:0 0 8px var(--color-cyan);border-radius:50%;position:absolute;top:4px}.holo-cal-wrapper{background:var(--color-bg);border:1px solid #00d4ff4d;border-radius:2px;flex:1;position:relative;overflow:hidden}@media (width<=768px){.holo-contact-grid{grid-template-columns:1fr;overflow-y:auto}.holo-cal-wrapper{min-height:400px}}.holo-timeline-date{color:var(--color-gold);letter-spacing:1px;margin-bottom:2px;font-size:.75rem}.holo-timeline-title{font-family:var(--font-display);color:var(--color-text);margin:2px 0;font-size:1.2rem}.holo-timeline-company{color:var(--color-magenta);margin-bottom:var(--space-sm);font-size:.85rem}.holo-timeline-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}@media (width<=768px){.holo-resume-grid{grid-template-columns:1fr}}.holo-img-label{color:var(--color-cyan);text-transform:uppercase;text-align:center;font-size:.7rem}.holo-status-column{gap:var(--space-md);flex-direction:column;display:flex;position:absolute;top:20%;right:-140px}.holo-status-badge{border:1px solid var(--color-cyan);padding:var(--space-xs) var(--space-sm);color:var(--color-text-muted);white-space:nowrap;background:#05122d99;border-radius:12px 2px;font-size:.75rem;box-shadow:0 0 10px #00d4ff1a}.text-green{color:#0fa;text-shadow:0 0 5px #00ffaa80}.text-cyan{color:var(--color-cyan);text-shadow:0 0 5px #00d4ff80}@media (width<=1200px){.holo-status-column{display:none}}@media (width<=768px){.hologram-main{grid-template-columns:1fr}.hologram-panel{padding:var(--space-md);max-height:80vh;top:50%;overflow-y:auto;transform:translate(-50%,-50%)}.holo-text-content{height:auto}}.hologram-container.is-visible{animation:.5s cubic-bezier(.25,.46,.45,.94) forwards panel-glitch-in}@keyframes panel-glitch-in{0%{clip-path:inset(40% 0 60%);filter:brightness(2)hue-rotate(90deg)}20%{clip-path:inset(10% 0 80%);filter:brightness(1.5)}40%{clip-path:inset(80% 0 10%);filter:brightness(2)hue-rotate(-90deg)}60%{clip-path:inset(0);filter:brightness(1.2)}to{clip-path:inset(0);filter:brightness()}}.holo-anim{opacity:0;filter:blur(4px);transition:opacity .8s,transform .8s,filter .8s;transition-timing-function:var(--ease-spring);transform:translateY(10px)}.hologram-container.seq-boot .holo-anim{opacity:1;filter:blur();transform:translateY(0)}.holo-anim.delay-1{transition-delay:1.8s}.holo-anim.delay-2{transition-delay:2.1s}.holo-anim.delay-3{transition-delay:2.4s}@media (width<=768px){.hologram-main{padding:var(--space-md);grid-template-columns:1fr}.hologram-container{max-height:80vh}.holo-text-content{height:auto}}