.corridor-3d-scene{perspective:1200px;perspective-origin:50%;background:radial-gradient(circle,#0c1222 0%,#030712 100%);width:100%;height:100vh;position:relative;overflow:hidden}.corridor-container{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.journey-road{transform-origin:bottom;z-index:1;pointer-events:none;background:linear-gradient(#030712f2,#080e1cf2);width:600px;height:8000px;position:absolute;bottom:0;left:50%;transform:translate3d(-50%,0,-4000px)rotateX(90deg)}.road-grid{background-image:linear-gradient(90deg,#0ea5e914 1px,#0000 1px),linear-gradient(#0ea5e914 1px,#0000 1px);background-position:bottom;background-size:50px 50px;animation:25s linear infinite road-flow;position:absolute;inset:0}.road-line-left{background:linear-gradient(#0ea5e9,#6366f1,#d946ef);width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 15px #0ea5e9b3,0 0 30px #6366f166}.road-line-right{background:linear-gradient(#0ea5e9,#6366f1,#d946ef);width:3px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 15px #0ea5e9b3,0 0 30px #6366f166}.road-checkpoint{background:#0f172ae6;border:2px solid #0ea5e94d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .4s;display:flex;position:absolute;left:50%;transform:translate(-50%,50%)rotateX(-90deg);box-shadow:0 0 10px #0ea5e91a}.road-checkpoint.active{background:#0ea5e9;border-color:#38bdf8;box-shadow:0 0 20px #0ea5e9,0 0 40px #38bdf8}.road-checkpoint-pulse{opacity:0;border:1px solid #0ea5e980;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite checkpoint-ping;position:absolute;inset:-6px}@keyframes checkpoint-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes road-flow{0%{background-position:0 0}to{background-position:0 -2000px}}.corridor-ceiling{transform-origin:top;z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#6366f108 1px,#0000 1px),linear-gradient(#6366f108 1px,#0000 1px);background-size:100px 100px;border-left:1px dashed #6366f11a;border-right:1px dashed #6366f11a;width:600px;height:8000px;position:absolute;top:0;left:50%;transform:translate3d(-50%,0,-4000px)rotateX(-90deg)}.corridor-station{width:min(1100px,90vw);min-height:60vh;transform-style:preserve-3d;will-change:transform, opacity;z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.station-active{filter:blur()}.station-distant{filter:blur(4px)}.section-heading{text-align:center;margin-bottom:24px}.section-heading span{letter-spacing:.25em;color:#38bdf8;text-transform:uppercase;font-size:.7rem;font-weight:800}.section-heading h2{color:#fff;letter-spacing:-.02em;margin-top:4px;font-size:2.2rem;font-weight:900}.section-heading p{color:#64748b;margin-top:6px;font-size:.85rem}.live-widget{z-index:150;position:fixed;top:24px;left:24px}.live-widget-compact{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e5e7eb;cursor:pointer;background:#0f172ad1;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:12px;padding:14px 22px;transition:all .2s;display:flex;box-shadow:0 12px 40px #00000059}.live-widget-compact:hover{border-color:#38bdf866;transform:scale(1.02);box-shadow:0 12px 40px #38bdf826}.live-widget-compact:active{transform:scale(.98)}.online-dot{background:#10b981;border-radius:999px;width:10px;height:10px;animation:2s infinite online-pulse;box-shadow:0 0 18px #10b981cc}.live-widget-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae6;border:1px solid #38bdf82e;border-radius:28px;width:260px;padding:22px;box-shadow:0 18px 60px #00000073}.live-widget-header{cursor:pointer;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.live-widget-header span{letter-spacing:.15em;color:#ffffff73;text-transform:uppercase;font-size:.65rem;font-weight:800}.live-stat-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.live-stat-row:last-child{border-bottom:none}.live-stat-row span{color:#fff6;text-transform:uppercase;font-size:.7rem;font-weight:700}.live-stat-row strong{font-size:.85rem;font-weight:900}@keyframes online-pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.station-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1020a6;border:1px solid #0ea5e91a;border-radius:32px;width:100%;max-width:1050px;margin-top:40px;padding:40px 30px;position:relative;overflow:hidden;box-shadow:0 25px 70px #0009,inset 0 1px #ffffff0d}.led-line{opacity:.8;pointer-events:none;z-index:2;position:absolute}.led-top{background:linear-gradient(90deg,#0000,#0ea5e9,#d946ef,#0ea5e9,#0000) 0 0/200% 100%;height:1px;animation:6s linear infinite led-flow-horizontal;top:0;left:0;right:0}.led-bottom{background:linear-gradient(270deg,#0000,#0ea5e9,#d946ef,#0ea5e9,#0000) 0 0/200% 100%;height:1px;animation:6s linear infinite led-flow-horizontal-rev;bottom:0;left:0;right:0}.led-left{background:linear-gradient(#0000,#0ea5e9,#d946ef,#0ea5e9,#0000) 0 0/100% 200%;width:1px;animation:6s linear infinite led-flow-vertical;top:0;bottom:0;left:0}.led-right{background:linear-gradient(#0000,#0ea5e9,#d946ef,#0ea5e9,#0000) 0 0/100% 200%;width:1px;animation:6s linear infinite led-flow-vertical-rev;top:0;bottom:0;right:0}.led-corner{pointer-events:none;z-index:3;opacity:.9;border:2px solid #0000;width:16px;height:16px;position:absolute}.led-tl{border-top-color:#38bdf8;border-left-color:#38bdf8;top:0;left:0;box-shadow:-2px -2px 6px #38bdf866}.led-tr{border-top-color:#38bdf8;border-right-color:#38bdf8;top:0;right:0;box-shadow:2px -2px 6px #38bdf866}.led-bl{border-bottom-color:#38bdf8;border-left-color:#38bdf8;bottom:0;left:0;box-shadow:-2px 2px 6px #38bdf866}.led-br{border-bottom-color:#38bdf8;border-right-color:#38bdf8;bottom:0;right:0;box-shadow:2px 2px 6px #38bdf866}.skills-vertical-board{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1000px;margin-top:24px;display:grid}.skill-vertical-column{background:#080e1c73;border:1px solid #0ea5e91a;border-radius:20px;flex-direction:column;height:380px;padding:16px 10px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.skill-column-title{letter-spacing:.12em;text-transform:uppercase;color:#38bdf8;text-align:center;border-bottom:1px solid #0ea5e926;margin-bottom:12px;padding-bottom:8px;font-size:.75rem;font-weight:900}.skill-vertical-track-wrapper{flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.skill-vertical-track{will-change:transform;flex-direction:column;gap:12px;animation:22s linear infinite skillScrollUp;display:flex}.skill-vertical-column:nth-child(2n) .skill-vertical-track{animation-name:skillScrollDown}.skill-vertical-column:hover .skill-vertical-track{animation-play-state:paused}.corridor-station.station-distant .skill-vertical-track{animation-play-state:paused!important}.skill-vertical-column .skill-3d-chip{justify-content:flex-start;width:100%;min-width:0}.skill-3d-chip{color:#e5e7eb;min-width:150px;transform-style:preserve-3d;background:linear-gradient(145deg,#1e293bf2,#0f172af2);border:1px solid #94a3b82e;border-radius:20px;flex:none;align-items:center;gap:12px;padding:14px 18px;transition:transform .25s,box-shadow .25s,border-color .25s;display:inline-flex;box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff14}.skill-3d-chip:hover{border-color:#38bdf88c;transform:translateY(-8px)rotateX(8deg)rotateY(-8deg)scale(1.04);box-shadow:0 18px 45px #38bdf838,0 0 28px #6366f140}.skill-3d-icon{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb,#7c3aed);border-radius:14px;place-items:center;width:38px;height:38px;font-size:.75rem;font-weight:900;display:grid;transform:translateZ(18px);box-shadow:0 8px 18px #38bdf859,inset 0 2px #ffffff38,inset 0 -4px 8px #00000040}.skill-3d-chip:hover .skill-3d-icon{animation:.8s iconSpin3D}@keyframes led-flow-horizontal{0%{background-position:0 0}to{background-position:200% 0}}@keyframes led-flow-horizontal-rev{0%{background-position:200% 0}to{background-position:0 0}}@keyframes led-flow-vertical{0%{background-position:0 0}to{background-position:0 200%}}@keyframes led-flow-vertical-rev{0%{background-position:0 200%}to{background-position:0 0}}@keyframes skillScrollUp{0%{transform:translateY(0)}to{transform:translateY(-33.3333%)}}@keyframes skillScrollDown{0%{transform:translateY(-33.3333%)}to{transform:translateY(0)}}@keyframes iconSpin3D{0%{transform:translateZ(18px)rotateY(0)}to{transform:translateZ(18px)rotateY(360deg)}}.project-carousel-wrapper{justify-content:center;align-items:center;gap:15px;width:100%;max-width:1100px;margin-top:15px;display:flex;position:relative}.project-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;gap:24px;width:100%;padding:16px 20px 24px;display:flex;overflow-x:auto}.project-carousel::-webkit-scrollbar{height:5px}.project-carousel::-webkit-scrollbar-track{background:#ffffff03;border-radius:10px}.project-carousel::-webkit-scrollbar-thumb{background:#0ea5e940;border-radius:10px}.project-carousel::-webkit-scrollbar-thumb:hover{background:#0ea5e980}.project-card{scroll-snap-align:start;background:#080e1cb3;border:1px solid #0ea5e91f;border-radius:24px;flex:0 0 clamp(360px,32vw,440px);padding:20px;transition:all .3s;position:relative}.project-card:hover{border-color:#0ea5e959;transform:translateY(-4px);box-shadow:0 10px 25px #0ea5e933}.project-rank{z-index:5;letter-spacing:-.04em;color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb,#7c3aed);border:1px solid #ffffff2e;border-radius:18px;justify-content:center;align-items:center;min-width:64px;height:48px;padding:0 14px;font-size:1.35rem;font-weight:900;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 0 24px #38bdf88c,inset 0 1px #ffffff40}.carousel-btn{color:#38bdf8;cursor:pointer;z-index:20;background:#0f172aa6;border:1px solid #0ea5e933;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.carousel-btn:hover{color:#fff;background:#0ea5e9;border-color:#38bdf8;box-shadow:0 0 12px #0ea5e959}.contact-portal{pointer-events:none;z-index:1;background:radial-gradient(circle,#6366f11f 0%,#0ea5e90a 50%,#0000 100%);border-radius:50%;width:550px;height:550px;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,-80px)}.hud-container{pointer-events:none;z-index:50;position:absolute;inset:0}.hud-panel{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080e1cbf;border:1px solid #0ea5e933}.hud-button{color:#38bdf8;cursor:pointer;background:#0f172a99;border:1px solid #0ea5e933;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.hud-button:hover{color:#fff;background:#0ea5e9;border-color:#38bdf8;box-shadow:0 0 15px #0ea5e966}.hud-minimap-track{background:#ffffff1a;border-radius:2px;width:4px;height:120px;position:relative}.hud-minimap-indicator{background:#38bdf8;border-radius:50%;width:12px;height:12px;transition:bottom .25s cubic-bezier(.1,.8,.2,1);position:absolute;left:-4px;box-shadow:0 0 8px #0ea5e9}.site-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a73;border:1px solid #ffffff08;border-radius:999px;justify-content:center;gap:.4rem;padding:.4rem;display:flex}.menu-link{color:#cbd5e1cc;border:1px solid #0000;border-radius:999px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.menu-link:hover{color:#fff;border-color:#ffffff0d}.menu-link.active{color:#fff;background:linear-gradient(90deg,#0ea5e9,#6366f1)}@media (max-width:1024px){.skills-vertical-board{grid-template-columns:repeat(2,1fr);width:95vw}}@media (max-width:768px){.corridor-3d-scene{perspective:none;background:#030712;height:auto;overflow-y:auto}.corridor-container{height:auto;position:relative;transform:none!important}.corridor-station{padding:60px 20px;position:relative;width:100%!important;min-height:auto!important;top:auto!important;left:auto!important;transform:none!important}.journey-road,.corridor-ceiling{display:none}.station-panel{border-radius:20px;margin-top:20px;padding:24px 16px}.live-widget{top:auto;bottom:16px;left:16px}.live-widget-compact{gap:8px;padding:10px 18px}.live-widget-panel{border-radius:20px;width:230px;padding:16px}.skills-vertical-board{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-top:16px}.skill-vertical-column{border-radius:16px;height:250px;padding:12px 8px 8px}.skill-column-title{margin-bottom:8px;padding-bottom:6px;font-size:.65rem}.skill-vertical-track{gap:8px}.skill-vertical-column .skill-3d-chip{border-radius:12px;min-width:0;padding:8px 10px}.skill-3d-chip{border-radius:14px;min-width:0;padding:10px 14px}.skill-3d-icon{border-radius:10px;width:32px;height:32px;font-size:.65rem}.project-carousel-wrapper{max-width:100%}.project-carousel{gap:16px;padding:10px 0}.project-card{flex:0 0 85vw;width:85vw!important;transform:none!important}.project-card:hover{transform:none!important}.carousel-btn{display:none}.project-rank{border-radius:14px;min-width:54px;height:40px;font-size:1.1rem;top:14px;left:14px}}