*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}::selection{background:#f60;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animate-fade-up{animation:fadeInUp .8s ease-out forwards}.animate-fade-left{animation:fadeInLeft .8s ease-out forwards}.animate-fade-right{animation:fadeInRight .8s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.top-menu{width:100%;padding:20px 60px 0;display:flex;justify-content:center;border-bottom:1px solid #1a1a1a;background:#080808}.top-menu-links{display:flex;align-items:center;gap:24px;font-family:Space Mono,monospace;font-size:.95rem;text-transform:lowercase;letter-spacing:.04em;padding-bottom:14px}.top-menu-links a{color:#f60;text-decoration:none;opacity:.85;transition:opacity .2s ease}.top-menu-links a:hover,.top-menu-links a:focus-visible{opacity:1}.wip-banner{position:relative;overflow:hidden;background:#0a0a0a;border-top:1px solid #161616;border-bottom:1px solid #161616;padding:6px 0}.wip-banner:before,.wip-banner:after{content:"";position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(-45deg,#111 0 10px,#f5c400 10px 20px);z-index:0}.wip-banner:before{top:0}.wip-banner:after{bottom:0}.wip-sign{position:relative;z-index:1;margin:2px 8px;border:2px solid #0a0a0a;background:#ffe100;color:#0a0a0a;text-align:center;text-transform:uppercase;font-family:Space Mono,monospace;padding:6px 0 4px;box-shadow:inset 0 0 0 1px #000000a6}.wip-main{font-size:clamp(.85rem,1.6vw,1.15rem);font-weight:700;letter-spacing:.14em;margin-bottom:4px}.wip-marquee{width:100%;overflow:hidden;border-top:1px solid rgba(0,0,0,.75);padding-top:4px}.wip-marquee-track{display:flex;width:max-content;animation:wipMarqueeRight 18s linear infinite;will-change:transform}.wip-marquee-set{display:inline-block;font-size:clamp(.58rem,.95vw,.78rem);letter-spacing:.12em;white-space:nowrap;padding-right:1rem;font-weight:700}@keyframes wipMarqueeRight{0%{transform:translate(-12.5%)}to{transform:translate(0)}}.hero{display:flex;position:relative;width:100%;min-height:100vh;padding-bottom:80px;overflow:hidden}.hero-left{flex:1;width:50%;display:flex;flex-direction:column;justify-content:center;padding:60px;border-right:1px solid #1a1a1a;background:#080808;overflow:hidden;white-space:nowrap;min-width:0;opacity:1;z-index:1;transition:flex .8s cubic-bezier(.4,0,.2,1),width .8s cubic-bezier(.4,0,.2,1),padding .8s cubic-bezier(.4,0,.2,1),border-right-width .8s cubic-bezier(.4,0,.2,1)}.hero-right{flex:1;width:50%;position:relative;display:flex;transition:flex .8s cubic-bezier(.4,0,.2,1),width .8s cubic-bezier(.4,0,.2,1)}.hero.expanded .hero-left{flex:0;width:0;padding:0;border-right-width:0}.hero.expanded .hero-right{flex:1;width:100%}#scene-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}#scene-container canvas{pointer-events:auto}.title-massive{font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:.9;letter-spacing:-.04em;text-transform:uppercase;opacity:0}.title-outline{font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #fff;margin-top:1rem;opacity:0}#rotating-titles{font-family:Space Mono,monospace;font-size:clamp(.9rem,2.5vw,1.4rem);font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:#f60;margin-top:1.5rem;height:2rem;display:flex;align-items:center;opacity:0;text-shadow:0 0 8px rgba(255,102,0,.3)}.terminal-cursor{display:inline-block;width:10px;margin-left:5px;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.subtitle{font-size:1rem;font-weight:400;margin-top:2rem;max-width:400px;line-height:1.6;color:#888;opacity:0}.contact-strip{margin-top:1rem;font-family:monospace;font-size:.72rem;color:#666;line-height:1.7;text-transform:uppercase;letter-spacing:.03em;opacity:0}.deco-row{display:flex;gap:20px;margin-top:30px;align-items:center;opacity:0}.deco-copy{max-width:560px;white-space:normal;font-family:Space Mono,monospace;font-size:.9rem;line-height:1.75;letter-spacing:.01em;color:#b8b8b8}.deco-copy strong{font-family:Space Mono,monospace;font-weight:700;color:#f2f2f2}.deco-box{border:1px solid #333;padding:8px 12px;font-family:monospace;font-size:.7rem;color:#666;transition:all .3s}.deco-box:hover{border-color:#f60;color:#f60}.barcode{width:100px;height:25px;background:repeating-linear-gradient(90deg,#333 0,#333 2px,transparent 2px,transparent 4px);transition:all .3s}.barcode:hover{background:repeating-linear-gradient(90deg,#ff6600 0,#ff6600 2px,transparent 2px,transparent 4px)}.data-label{font-family:monospace;font-size:.65rem;color:#444;letter-spacing:.05em}.section-label{font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;display:flex;align-items:center;gap:15px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#333,transparent);transform-origin:left;animation:slideIn 1s ease-out forwards}.experience-section{padding:80px 60px;border-top:1px solid #1a1a1a}.exp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.exp-card{border:1px solid #222;padding:25px;background:#0f0f0f;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.exp-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f60,#fa0);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.exp-card:hover:before{transform:translateY(0)}.exp-card:hover{border-color:#f60;transform:translateY(-5px)}.exp-card h3,.exp-card .dates{position:relative;z-index:1;transition:color .3s}.exp-card:hover h3,.exp-card:hover .dates{color:#000}.exp-card h3{font-size:1rem;font-weight:800;text-transform:uppercase;margin-bottom:8px}.exp-card .dates{font-family:monospace;font-size:.75rem;color:#555}.skills-section{padding:60px;border-top:1px solid #1a1a1a}.skills-terminal{border:1px solid #2a2a2a;background:linear-gradient(180deg,#04070a,#020407);padding:22px 28px;display:grid;gap:14px;font-family:Space Mono,monospace;position:relative;overflow:hidden}.skills-terminal:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,102,0,.05),transparent 20%,transparent 80%,rgba(255,102,0,.04));pointer-events:none}.skills-head{color:#f60;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;opacity:.9;text-shadow:0 0 10px rgba(255,102,0,.25)}.skills-head .cursor{margin-left:6px;animation:blink .8s step-end infinite}.skills-row{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;align-items:start;opacity:0;transform:translateY(8px);animation:terminalReveal .45s ease-out forwards}.skills-row:nth-child(2){animation-delay:.04s}.skills-row:nth-child(3){animation-delay:.09s}.skills-row:nth-child(4){animation-delay:.14s}.skills-row:nth-child(5){animation-delay:.19s}.skills-row:nth-child(6){animation-delay:.24s}.skills-row:nth-child(7){animation-delay:.29s}.skills-row .tag{color:#f60;font-size:clamp(1.2rem,2vw,1.75rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 8px rgba(255,102,0,.18)}.skills-row .value{font-size:clamp(1.05rem,1.7vw,1.35rem);color:#e9edf3;line-height:1.6;letter-spacing:.01em;overflow-wrap:anywhere}@keyframes terminalReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.projects-section,.education-section,.references-section{padding:80px 60px;border-top:1px solid #1a1a1a}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}.project-card,.edu-card,.ref-card{border:1px solid #222;background:#0f0f0f;padding:22px}.project-card h3,.edu-card h3,.ref-card h3{font-size:.95rem;font-weight:800;text-transform:uppercase;margin-bottom:8px}.project-card p,.edu-card p,.ref-card p{color:#999;line-height:1.6;font-size:.92rem;white-space:pre-line}.project-card .label,.edu-card .label{font-family:monospace;font-size:.72rem;color:#f60;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.edu-grid,.ref-grid{margin-top:34px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}#dashboard{position:static;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #222;padding:15px 40px;display:flex;align-items:center;justify-content:space-between;z-index:100}#dashboard.dashboard-floating{position:fixed;top:var(--dashboard-pin-top, 0px);left:0;right:0;z-index:140}#dashboard-spacer{height:0}#info h2{font-size:1.1rem;font-weight:800;text-transform:uppercase}#info p{font-family:monospace;font-size:.7rem;color:#555}#controls{display:flex;align-items:center;gap:12px}.nav-btn{width:40px;height:40px;border:1px solid #333;background:transparent;color:#fff;cursor:pointer;font-size:1rem;transition:all .2s}.nav-btn:hover{background:#f60;border-color:#f60;color:#000;transform:scale(1.1)}#counter{font-family:monospace;font-size:.8rem;color:#666}#counter span{color:#fff}#insert-btn{background:#fff;color:#000;border:none;padding:12px 24px;font-weight:700;font-size:.75rem;text-transform:uppercase;cursor:pointer;transition:all .2s}#insert-btn:hover{background:#f60;transform:scale(1.05)}#player-overlay{position:fixed;inset:0;background:#050505fa;z-index:200;display:none;padding:80px;overflow-y:auto}#player-overlay.active{display:flex;flex-direction:column;animation:fadeInUp .4s ease-out}#player-content{max-width:700px}#player-content h2{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;text-transform:uppercase;margin-bottom:10px}#player-content .dates{font-family:monospace;color:#f60;margin-bottom:30px;font-size:1rem}#player-content p{font-size:1.1rem;line-height:1.9;max-width:600px;white-space:pre-line;color:#999}#player-content .tech{font-family:monospace;font-size:.85rem;color:#555;margin-top:40px;padding-top:20px;border-top:1px solid #222}#eject-btn{position:fixed;bottom:40px;right:40px;background:#fff;color:#000;border:none;padding:15px 30px;font-weight:700;cursor:pointer;transition:all .2s}#eject-btn:hover{background:#f60;transform:scale(1.05)}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:2rem}.profile-img-container{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #ff6600}.profile-img{width:100%;height:100%;object-fit:cover}.github-link{display:flex;align-items:center;gap:10px;color:#888;text-decoration:none;font-family:Space Mono,monospace;font-size:.9rem;transition:color .3s}.github-link:hover{color:#f60}.floating-star{position:absolute;font-size:1.5rem;color:#f60}.download-cv-section{padding:60px;border-top:1px solid #1a1a1a;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden}.cta-text{font-family:monospace;font-size:.8rem;color:#f60;text-transform:uppercase;letter-spacing:.2em;font-weight:800;animation:cta-float 2s ease-in-out infinite;display:flex;align-items:center;gap:10px}.cta-text:before,.cta-text:after{content:">>";opacity:.5}@keyframes cta-float{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-5px);opacity:.7}}#download-cv-btn{background:#f60;color:#000;border:none;padding:15px 35px;font-weight:900;font-size:.9rem;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:10px;text-decoration:none}#download-cv-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 20px #f606}@media(max-width:1024px){.top-menu{padding-left:36px;padding-right:36px}.wip-sign{margin-left:8px;margin-right:8px}.hero-left{padding:44px}.experience-section,.skills-section,.download-cv-section,.projects-section,.education-section,.references-section{padding-left:36px;padding-right:36px}.exp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.top-menu{padding:14px 20px 0}.top-menu-links{font-size:.86rem;gap:16px;padding-bottom:10px}.wip-banner{padding:4px 0}.wip-sign{margin:2px 6px;padding:5px 0 4px}.wip-main{letter-spacing:.08em}.wip-marquee-set{letter-spacing:.05em}.hero{flex-direction:column;min-height:auto;padding-bottom:0}.hero-left,.hero-right{width:100%;flex:none}.hero-left{padding:28px 20px 26px;border-right:0;white-space:normal}.hero-right{position:relative;min-height:52vh}.title-massive{font-size:clamp(2.2rem,14vw,3.5rem);line-height:.95}.title-outline{font-size:clamp(1.3rem,8vw,2.2rem);margin-top:.6rem;-webkit-text-stroke:1px #fff}#rotating-titles{margin-top:1rem;height:1.8rem}.subtitle{margin-top:1.2rem;max-width:none;line-height:1.5}.deco-row{margin-top:18px;gap:10px;flex-wrap:wrap}.deco-copy{max-width:560px;white-space:normal;font-family:Space Mono,monospace;font-size:.9rem;line-height:1.75;letter-spacing:.01em;color:#b8b8b8}.deco-copy strong{font-family:Space Mono,monospace;font-weight:700;color:#f2f2f2}.barcode{width:82px}.experience-section,.skills-section,.download-cv-section,.projects-section,.education-section,.references-section{padding:44px 20px}.section-label{font-size:clamp(1.5rem,8vw,2.1rem);gap:10px}.exp-grid{grid-template-columns:1fr;margin-top:24px}.exp-card{padding:18px}.skills-terminal{padding:18px 14px;gap:12px}.skills-head{font-size:.75rem}.skills-row{grid-template-columns:1fr;gap:6px;opacity:1;transform:none;animation:none}.skills-row .tag{font-size:1.05rem}.skills-row .value{font-size:.95rem}.project-grid,.edu-grid,.ref-grid{grid-template-columns:1fr}#dashboard{padding:12px 14px;gap:10px;flex-wrap:wrap;-webkit-backdrop-filter:none;backdrop-filter:none}#info{width:100%}#info h2{font-size:.95rem}#controls{gap:8px}#dashboard>div:last-child{margin-left:auto}.nav-btn{width:44px;height:44px}#insert-btn{padding:12px 14px;font-size:.68rem}#player-overlay{padding:22px 16px 92px}#player-content h2{margin-top:10px}#player-content p{font-size:.98rem;line-height:1.7}#player-content .tech{margin-top:28px}#eject-btn{left:16px;right:16px;bottom:16px}.profile-header{align-items:flex-start}.profile-img-container{width:64px;height:64px}}