:root{--bg-base:#0e1012;--bg-surface:#171a1c;--bg-panel:#171a1c99;--accent-primary:#a3e635;--accent-glow:#a3e6354d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#0f172a;--border-light:#ffffff14;--font-display:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--glass-blur:blur(20px);--shadow-elevation:0 20px 40px -10px #00000080;--shadow-inset:inset 0 1px 0 #ffffff1a;--max-w:1400px;--spring:cubic-bezier(.175, .885, .32, 1.275);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-body);cursor:none;scroll-behavior:smooth}body{min-height:100dvh;position:relative;overflow-x:hidden}a,button{color:inherit;cursor:none;background:0 0;border:none;font-family:inherit;text-decoration:none}::selection{background-color:var(--accent-primary);color:var(--text-dark)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-base);background:#2a3036;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}#cursor-dot,#cursor-outline{z-index:9999;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-dot{background-color:var(--accent-primary);width:6px;height:6px}#cursor-outline{width:40px;height:40px;transition:width .2s var(--ease-out), height .2s var(--ease-out), background-color .2s var(--ease-out);border:1px solid #a3e63580}body.cursor-hover #cursor-outline{background-color:#a3e6351a;border-color:#0000;width:60px;height:60px}body.cursor-click #cursor-outline{background-color:#a3e6354d;width:30px;height:30px}.canvas-container{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}#bg-canvas{opacity:.3;width:100%;height:100%}.noise-overlay{z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noise\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noise)\" opacity=\"0.04\"/%3E%3C/svg%3E");position:fixed;inset:0}.glow-blob{filter:blur(120px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite alternate float-blob;position:absolute}.glow-1{background:var(--accent-primary);width:600px;height:600px;top:-10%;left:-10%}.glow-2{background:#38bdf8;width:500px;height:500px;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float-blob{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,10%)scale(1.1)}to{transform:translate(-5%,5%)scale(.9)}}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.5rem}}section{z-index:10;padding:8rem 0;position:relative}.section-header{flex-direction:column;gap:1rem;margin-bottom:5rem;display:flex}.section-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:1rem;font-size:.875rem;display:flex}.section-label:before{content:"";background:var(--accent-primary);width:40px;height:1px}.section-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1}.section-title span{color:#0000;-webkit-text-stroke:1px var(--text-muted)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);box-shadow:var(--shadow-elevation), var(--shadow-inset);border-radius:24px;position:relative;overflow:hidden}.reveal{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);will-change:opacity, transform;transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.navbar{z-index:100;width:100%;transition:all .4s var(--ease-out);border-bottom:1px solid #0000;padding:1.5rem 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);background:#0e1012cc;padding:1rem 0}.nav-inner{justify-content:flex-end;align-items:center;display:flex}.nav-links{gap:3rem;display:flex}@media (width<=768px){.nav-links{display:none}}.nav-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:.5rem 0;font-size:.875rem;transition:color .3s;position:relative}.nav-link:hover{color:var(--text-main)}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width .3s var(--ease-out);position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}#hero{align-items:center;min-height:100dvh;padding-top:6rem;display:flex}.hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=1024px){.hero-grid{text-align:left;grid-template-columns:1fr}}.h-status{border:1px solid var(--border-light);background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);font-family:var(--font-mono);color:var(--text-muted);border-radius:100px;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.status-dot{background:var(--accent-primary);border-radius:50%;width:10px;height:10px;position:relative}.status-dot:after{content:"";border:1px solid var(--accent-primary);border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-4px}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.h-title{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:800;line-height:1.05}.h-title-outline{color:#0000;-webkit-text-stroke:1px var(--text-muted);display:block}.h-role-container{align-items:center;height:40px;margin-bottom:2rem;display:flex}.h-role{font-family:var(--font-mono);color:var(--accent-primary);white-space:nowrap;border-right:3px solid var(--accent-primary);font-size:clamp(1.2rem,2vw,1.5rem);animation:3s steps(40,end) typing,.75s step-end infinite blink;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.h-desc{color:var(--text-muted);max-width:540px;margin-bottom:3rem;font-size:1.125rem}.h-desc strong{color:var(--text-main);font-weight:500}.h-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}@media (width<=600px){.h-actions{flex-direction:column;align-items:stretch}}.resume-dropdown{display:inline-block;position:relative}.resume-dropdown-content{background:var(--bg-surface);border:1px solid var(--border-light);opacity:0;visibility:hidden;transition:all .3s var(--spring);z-index:50;border-radius:16px;flex-direction:column;gap:.25rem;min-width:160px;padding:.5rem;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 10px 30px #00000080}.resume-dropdown:hover .resume-dropdown-content{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.resume-dropdown-content a{color:var(--text-base);text-align:center;white-space:nowrap;border-radius:12px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.resume-dropdown-content a:hover{color:var(--accent-primary);background:#a3e6351a}.dropdown-up .resume-dropdown-content{top:auto;bottom:calc(100% + 10px);transform:translate(-50%)translateY(10px)}.dropdown-up:hover .resume-dropdown-content{transform:translate(-50%)translateY(0)}.btn-magnetic{font-family:var(--font-display);will-change:transform;border-radius:100px;justify-content:center;align-items:center;padding:1.25rem 2.5rem;font-size:1rem;font-weight:700;transition:transform .1s linear;display:inline-flex;position:relative}.btn-primary{background:var(--text-main);color:var(--text-dark)}.btn-primary:hover{background:var(--accent-primary)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-light);background:0 0;gap:.75rem}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.h-visual{justify-content:center;align-items:center;display:flex;position:relative}.photo-wrapper{z-index:5;width:470px;height:570px;position:relative}@media (width<=1024px){.photo-wrapper{width:100%;max-width:380px;margin:0 auto}}.photo-inner{background:0 0;border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.photo-inner img{object-fit:contain;will-change:transform;width:100%;height:100%;animation:6s ease-in-out infinite alternate breathe}@keyframes breathe{0%{filter:drop-shadow(0 10px 20px #a3e6351a);transform:scale(1)translateY(0)}to{filter:drop-shadow(0 20px 40px #a3e6354d);transform:scale(1.05)translateY(-10px)}}.float-badge{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);box-shadow:var(--shadow-elevation);z-index:10;border-radius:20px;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:6s ease-in-out infinite alternate float-obj;display:flex;position:absolute}.badge-icon{width:40px;height:40px;color:var(--accent-primary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}.badge-text{flex-direction:column;display:flex}.b-title{font-family:var(--font-display);font-size:1rem;font-weight:700}.b-sub{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.fb-1{animation-delay:0s;top:60px;left:20px}.fb-2{animation-delay:-3s;bottom:80px;right:20px}@media (width<=1024px){.fb-1{top:40px;left:10px}.fb-2{bottom:60px;right:10px}}@keyframes float-obj{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-20px)rotate(3deg)}}.pillar-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1024px){.pillar-grid{grid-template-columns:1fr}}.pillar-card{flex-direction:column;height:100%;padding:3rem;display:flex}.spotlight-card{position:relative}.spotlight-card:before{content:"";border-radius:inherit;background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0), #a3e63514, transparent 40%);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;inset:0}.spotlight-card:hover:before{opacity:1}.spotlight-card:hover{border-color:#a3e6354d;transform:translateY(-5px)}.p-icon{border:1px solid var(--border-light);width:64px;height:64px;color:var(--accent-primary);z-index:2;background:linear-gradient(135deg,#ffffff0d,#0000);border-radius:16px;justify-content:center;align-items:center;margin-bottom:2.5rem;display:flex;position:relative}.p-title{font-family:var(--font-display);z-index:2;margin-bottom:1rem;font-size:1.5rem;font-weight:700;position:relative}.p-desc{color:var(--text-muted);z-index:2;font-size:1rem;position:relative}#skills{padding:8rem 0}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:1.5rem;display:grid}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}}.bento-box{background:var(--bg-panel);border:1px solid var(--border-light);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .4s var(--spring);border-radius:24px;flex-direction:column;padding:1.75rem;display:flex}.bento-box:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 15px 30px #0006}.bento-wide{grid-column:span 2}@media (width<=1024px){.bento-wide{grid-column:span 2}}@media (width<=640px){.bento-wide{grid-column:span 1}}.bento-title{font-family:var(--font-display);color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;display:flex}.bento-title:before{content:"";background:var(--accent-primary);border-radius:50%;width:8px;height:8px;display:block}.bento-content{flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.tech-item{transition:all .4s var(--spring);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.tech-icon-wrapper{width:48px;height:48px;transition:all .4s var(--spring);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tech-icon-wrapper i,.tech-icon-wrapper svg{width:1.5rem;height:1.5rem;color:var(--text-muted);transition:transform .4s var(--spring), filter .4s;font-size:1.5rem}.tech-info{flex-direction:column;gap:.25rem;display:flex}.tech-info h4{font-family:var(--font-display);color:var(--text-main);overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:1rem;font-weight:600}.tech-info span{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.tech-item:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px #0006}.tech-item:hover .tech-icon-wrapper{background:#ffffff0d;border-color:#fff3}.tech-item:hover .tech-icon-wrapper i,.tech-item:hover .tech-icon-wrapper svg{filter:drop-shadow(0 0 10px #fff3);transform:scale(1.15)}.devicon-arduino-plain{color:#00979c}.project-grid{grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}@media (width<=1024px){.project-grid{grid-template-columns:1fr}}.project-grid .hidden-card{display:none}.project-grid.show-all .hidden-card{animation:.6s forwards fadeInUp;display:block}.btn-show-more-container{justify-content:center;margin-top:4rem;display:flex}.btn-show-more{border:2px solid var(--accent-primary);color:var(--text-base);cursor:pointer;transition:all .4s var(--spring);background:0 0;border-radius:30px;align-items:center;gap:.75rem;padding:.8rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.btn-show-more:hover{background:#a3e6351a;transform:translateY(-5px);box-shadow:0 0 20px #a3e63533}.proj-card{transform-style:preserve-3d;perspective:1000px;border-radius:32px;display:block;position:relative;overflow:hidden}.proj-inner{background:var(--bg-surface);border:1px solid var(--border-light);height:500px;transform-style:preserve-3d;border-radius:32px;flex-direction:column;transition:transform .1s linear,border-color .3s;display:flex;overflow:hidden}.proj-card:hover .proj-inner{border-color:#fff3}.proj-img{width:100%;height:60%;position:relative;overflow:hidden}.proj-img img{object-fit:cover;filter:grayscale(80%);width:100%;height:100%;transition:filter .5s, transform .8s var(--ease-out)}.proj-card:hover .proj-img img{filter:grayscale(0);transform:scale(1.1)}.proj-img:after{content:"";background:linear-gradient(to top, var(--bg-surface) 0%, transparent 100%);position:absolute;inset:0}.proj-desc-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:all .4s var(--ease-out);z-index:10;text-align:center;background:#0a0a0ad9;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.proj-card:hover .proj-desc-overlay{opacity:1}.proj-desc-text{color:var(--text-main);transition:transform .4s var(--ease-out);font-size:1.1rem;font-weight:500;line-height:1.6;transform:translateY(20px)}.proj-card:hover .proj-desc-text{transform:translateY(0)}.proj-content{flex-direction:column;flex:1;padding:2.5rem;display:flex;transform:translateZ(30px)}.proj-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.proj-type{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.proj-year{font-family:var(--font-mono);color:var(--text-muted);font-size:.875rem}.proj-title{font-family:var(--font-display);margin-bottom:1rem;font-size:1.75rem;font-weight:700;transition:color .3s}.proj-card:hover .proj-title{color:#fff}.proj-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.p-tag{border:1px solid var(--border-light);font-family:var(--font-mono);color:var(--text-muted);background:#ffffff05;border-radius:100px;padding:.4rem 1rem;font-size:.75rem}.proj-arrow{background:var(--text-main);width:50px;height:50px;color:var(--text-dark);opacity:0;transition:all .4s var(--spring);transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:2.5rem;right:2.5rem;transform:translate(20px,20px)rotate(-45deg)}.proj-card:hover .proj-arrow{opacity:1;transform:translate(0)rotate(0)}.exp-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.exp-tabs::-webkit-scrollbar{display:none}.exp-tab{border:1px solid var(--border-light);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:#ffffff05;border-radius:100px;padding:.75rem 2rem;font-size:.85rem;transition:all .3s}.exp-tab:hover{color:var(--text-main);border-color:#fff3}.exp-tab.active{background:var(--text-main);color:var(--text-dark);border-color:var(--text-main);font-weight:600}.roadmap-track{display:none}.roadmap-track.active{animation:.5s ease-out forwards fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.roadmap-wrapper{width:100%;margin-top:3rem;position:relative}.roadmap-track{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;grid-auto-flow:dense;gap:4rem;display:none;position:relative}.roadmap-track.active{display:grid}@media (width<=992px){.roadmap-track.active{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.roadmap-track.active{grid-template-columns:1fr}}.road-node{width:100%;padding-top:3.5rem;position:relative}@media (width>=993px){.road-node:nth-child(6n+1){grid-column:1}.road-node:nth-child(6n+2){grid-column:2}.road-node:nth-child(6n+3),.road-node:nth-child(6n+4){grid-column:3}.road-node:nth-child(6n+5){grid-column:2}.road-node:nth-child(6n+6){grid-column:1}}@media (width>=769px) and (width<=992px){.road-node:nth-child(4n+1){grid-column:1}.road-node:nth-child(4n+2),.road-node:nth-child(4n+3){grid-column:2}.road-node:nth-child(4n+4){grid-column:1}}.road-node:nth-child(6n+1):before,.road-node:nth-child(6n+6):before{width:calc(100% + 2rem);left:0}.road-node:nth-child(6n+2):before,.road-node:nth-child(6n+5):before{width:calc(100% + 4rem);left:-2rem}.road-node:nth-child(6n+3):before,.road-node:nth-child(6n+4):before{width:calc(100% + 2rem);left:-2rem}.road-node:before{content:"";background-image:linear-gradient(transparent 7px, var(--accent-primary) 7px, var(--accent-primary) 9px, transparent 9px);opacity:.6;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:16px;position:absolute;top:11px}.road-node:first-child:before{width:calc(50% + 2rem);left:50%}.road-node:first-child:last-child:before{display:none}@media (width>=993px){.road-node:nth-child(6n+1):last-child:before{width:50%;left:0}.road-node:nth-child(6n+2):last-child:before,.road-node:nth-child(6n+3):last-child:before{width:calc(50% + 2rem);left:-2rem}.road-node:nth-child(6n+4):last-child:before{width:50%;left:50%}.road-node:nth-child(6n+5):last-child:before,.road-node:nth-child(6n+6):last-child:before{width:calc(50% + 2rem);left:50%}.road-node:nth-child(6n+1):not(:last-child):before,.road-node:nth-child(6n+2):not(:last-child):before,.road-node:nth-child(6n+3):not(:last-child):before{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4 2L12 8L4 14' stroke='%23a3e635' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"), linear-gradient(transparent 7px, var(--accent-primary) 7px, var(--accent-primary) 9px, transparent 9px);background-position:100%,50%;background-size:16px 16px,100% 100%}.road-node:nth-child(6n+4):not(:last-child):before,.road-node:nth-child(6n+5):not(:last-child):before,.road-node:nth-child(6n+6):not(:last-child):before{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 2L4 8L12 14' stroke='%23a3e635' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"), linear-gradient(transparent 7px, var(--accent-primary) 7px, var(--accent-primary) 9px, transparent 9px);background-position:0,50%;background-size:16px 16px,100% 100%}.road-node:nth-child(6n+3):not(:last-child):after{content:"";border:2px solid var(--accent-primary);opacity:.6;z-index:1;border-left:none;border-radius:0 40px 40px 0;width:2rem;height:calc(100% + 4rem);position:absolute;top:18px;right:-2rem}.road-node:nth-child(6n+6):not(:last-child):after{content:"";border:2px solid var(--accent-primary);opacity:.6;z-index:1;border-right:none;border-radius:40px 0 0 40px;width:2rem;height:calc(100% + 4rem);position:absolute;top:18px;left:-2rem}}@media (width>=769px) and (width<=992px){.road-node:nth-child(4n+1):before,.road-node:nth-child(4n+4):before{width:calc(100% + 2rem);left:0}.road-node:nth-child(4n+2):before,.road-node:nth-child(4n+3):before{width:calc(100% + 2rem);left:-2rem}.road-node:nth-child(4n+1):last-child:before{width:50%;left:0}.road-node:nth-child(4n+2):last-child:before{width:calc(50% + 2rem);left:-2rem}.road-node:nth-child(4n+3):last-child:before{width:50%;left:50%}.road-node:nth-child(4n+4):last-child:before{width:calc(50% + 2rem);left:50%}.road-node:nth-child(4n+1):not(:last-child):before,.road-node:nth-child(4n+2):not(:last-child):before{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4 2L12 8L4 14' stroke='%23a3e635' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"), linear-gradient(transparent 7px, var(--accent-primary) 7px, var(--accent-primary) 9px, transparent 9px);background-position:100%,50%;background-size:16px 16px,100% 100%}.road-node:nth-child(4n+3):not(:last-child):before,.road-node:nth-child(4n+4):not(:last-child):before{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 2L4 8L12 14' stroke='%23a3e635' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"), linear-gradient(transparent 7px, var(--accent-primary) 7px, var(--accent-primary) 9px, transparent 9px);background-position:0,50%;background-size:16px 16px,100% 100%}.road-node:nth-child(4n+2):not(:last-child):after{content:"";border:2px solid var(--accent-primary);opacity:.6;z-index:1;border-left:none;border-radius:0 40px 40px 0;width:2rem;height:calc(100% + 4rem);position:absolute;top:18px;right:-2rem}.road-node:nth-child(4n+4):not(:last-child):after{content:"";border:2px solid var(--accent-primary);opacity:.6;z-index:1;border-right:none;border-radius:40px 0 0 40px;width:2rem;height:calc(100% + 4rem);position:absolute;top:18px;left:-2rem}}@media (width<=768px){.road-node:before{opacity:.6;background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3 5L8 11L13 5' stroke='%23a3e635' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"), linear-gradient(90deg, transparent 7px, var(--accent-primary) 7px, var(--accent-primary) 9px, transparent 9px);background-position:bottom,50%;background-size:16px 16px,100% 100%;width:16px;height:100%;top:19px;left:12px}.road-node:last-child:before{background-image:linear-gradient(90deg, transparent 7px, var(--accent-primary) 7px, var(--accent-primary) 9px, transparent 9px);height:calc(100% - 3.5rem)}}.road-dot{background:var(--bg-base);border:3px solid var(--accent-primary);z-index:2;width:16px;height:16px;transition:all .4s var(--spring);border-radius:50%;position:absolute;top:19px;left:50%;transform:translate(-50%,-50%)}.road-node:first-child .road-dot:before{content:"PRESENT";color:var(--accent-primary);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}@media (width<=768px){.road-dot{left:20px}}.road-node:hover .road-dot{background:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow);transform:translate(-50%,-50%)scale(1.5)}.road-content{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);height:100%;transition:transform .4s var(--spring), border-color .4s;border-radius:24px;padding:2.5rem}.road-node:hover .road-content{border-color:#fff3;transform:translateY(-10px)}.r-meta{font-family:var(--font-mono);color:var(--accent-primary);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.85rem;display:flex}.r-role{font-family:var(--font-display);color:var(--text-main);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.r-org{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;font-weight:500}.r-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7}#contact{padding:8rem 0}.contact-split{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:32px;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem;display:grid;position:relative;overflow:hidden}@media (width<=992px){.contact-split{grid-template-columns:1fr;padding:3rem 2rem}}.contact-split:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 100%,#a3e6350d,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.c-left{z-index:2;flex-direction:column;justify-content:space-between;display:flex;position:relative}.c-headline{font-family:var(--font-display);margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,4rem);font-weight:800;line-height:1.1}.c-sub{color:var(--text-muted);max-width:400px;margin-bottom:3rem;font-size:1.1rem}.c-socials{flex-direction:column;gap:1rem;display:flex}.c-soc-link{font-family:var(--font-mono);color:var(--text-main);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;width:max-content;padding:1rem 1.5rem;font-size:.9rem;transition:all .3s;display:inline-flex}.c-soc-link:hover{background:#ffffff0d;border-color:#fff3;transform:translate(10px)}.c-soc-link i{color:var(--accent-primary)}.c-right{background:var(--bg-surface);border:1px solid var(--border-light);z-index:2;border-radius:24px;padding:3rem;position:relative}.form-group{margin-bottom:1.5rem}.form-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.8rem;display:block}.form-input{width:100%;color:var(--text-main);font-family:var(--font-body);background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-size:1rem;transition:border-color .3s}.form-input:focus{border-color:var(--accent-primary);outline:none}textarea.form-input{resize:vertical;min-height:120px}.btn-submit{background:var(--accent-primary);width:100%;color:var(--text-dark);font-family:var(--font-display);border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-size:1rem;font-weight:700;transition:transform .2s;display:flex}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 10px 20px #a3e63533}footer{border-top:1px solid var(--border-light);text-align:center;font-family:var(--font-mono);color:var(--text-muted);padding:2rem 0;font-size:.875rem}footer span{color:var(--accent-primary)}