@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700;900&family=Barlow:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fdf4da;margin:0;font-family:Barlow,Arial,sans-serif;overflow-x:hidden}#root{width:100%;height:100vh;overflow:hidden}.common-section{color:#0f0f0f;background:#fdf4da;padding:40px}.section-container{width:100%;max-width:1200px;margin:0 auto}.section-header{align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.section-title{color:#0f0f0f;letter-spacing:2px;text-transform:uppercase;background:#f87a21;border-radius:8px;margin-bottom:0;padding:16px 32px;font-family:Barlow Condensed,Arial,sans-serif;font-size:2.5rem;font-weight:700;display:inline-block}.back-to-nav-btn{cursor:pointer;color:#fff;background:#49d9fe;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.back-to-nav-btn:hover{opacity:.85;transform:translateY(-2px)}.back-to-nav-btn svg{width:24px;height:24px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.project-card{color:inherit;cursor:pointer;background:#0f0f0f08;border:1px solid #0f0f0f1a;border-radius:8px;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.project-card:hover{background:#0f0f0f0d;border-color:#0f0f0f33;transform:translate(5px)}.project-card:visited{color:inherit}.project-marker{color:#0f0f0f;flex-shrink:0;font-size:1.2rem}.project-content{flex:1}.project-title{color:#0f0f0f;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.project-description{color:#0f0f0fb3;font-size:.95rem;line-height:1.5}.skills-grid{flex-direction:column;gap:1.5rem;display:flex}.skill-card{background:#0f0f0f08;border:1px solid #0f0f0f1a;border-radius:8px;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.skill-card:hover{background:#0f0f0f0d;border-color:#0f0f0f33;transform:translate(5px)}.skill-marker{color:#0f0f0f;flex-shrink:0;font-size:1.2rem}.skill-content{flex:1}.skill-category{color:#0f0f0f;margin-right:.5rem;font-size:1.1rem;font-weight:600;display:inline}.skill-items{color:#0f0f0fcc;font-size:1rem;line-height:1.6;display:inline}.qualifications-list{flex-direction:column;gap:1rem;display:flex}.qualification-item{background:#0f0f0f08;border-left:3px solid #0f0f0f;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex}.qualification-item:hover{background:#0f0f0f0d;transform:translate(5px)}.qualification-marker{color:#0f0f0f;flex-shrink:0;font-size:1.2rem}.qualification-text{color:#0f0f0fe6;font-size:1.05rem;line-height:1.6}.work-experience-list{flex-direction:column;gap:2rem;display:flex}.work-experience-card{background:#0f0f0f08;border:1px solid #0f0f0f1a;border-radius:8px;padding:2rem;transition:all .3s}.work-experience-card:hover{background:#0f0f0f0d;border-color:#0f0f0f33}.work-header{margin-bottom:1.5rem}.work-title{color:#0f0f0f;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.work-period{color:#0f0f0f99;font-size:1rem;font-style:italic}.work-responsibilities{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.work-responsibilities li{color:#0f0f0fcc;padding-left:1.5rem;line-height:1.6;position:relative}.work-responsibilities li:before{content:"*";color:#0f0f0f;font-weight:700;position:absolute;left:0}@media (width<=768px){.common-section{padding:24px}.section-title{padding:0 20px;font-size:13px}.projects-grid{grid-template-columns:1fr}.work-title{font-size:1.2rem}.skill-category,.skill-items{display:block}.skill-category{margin-bottom:.5rem}}.scroll-container{scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll}.section{scroll-snap-align:start;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative}.hero-section{background:#fdf4da;padding:40px}.network-section{background:#0f0f0f;padding:40px}.upper{background:0 0;width:100%;max-width:1400px;padding:28px 60px 32px;position:relative}.top-bar{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.stamp{color:#0f0f0f;border:2.5px solid #0f0f0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-family:Barlow Condensed,Arial,sans-serif;font-size:16px;font-weight:900;display:flex;position:relative}.stamp:after{content:"";border:.8px solid #0f0f0f;border-radius:50%;width:46px;height:46px;position:absolute}.meta-label{color:#99998a;letter-spacing:3px;text-transform:uppercase;padding-top:6px;font-family:Barlow,Arial,sans-serif;font-size:24px}.barcode{flex-direction:column;align-items:flex-end;gap:0;display:flex}.barcode span{background:#0f0f0f;height:48px;display:inline-block}.barcode-label{color:#0f0f0f;margin-top:6px;font-family:Courier New,monospace;font-size:8px}.divider-line{opacity:.15;background:#0f0f0f;width:100%;height:.5px;margin-bottom:16px}.logotype{color:#0f0f0f;letter-spacing:-2px;margin-bottom:20px;font-family:Barlow Condensed,Arial,sans-serif;font-size:clamp(72px,14vw,118px);font-weight:900;line-height:.92}.pill{background:#f87a21;border-radius:999px;align-items:center;height:40px;display:inline-flex;position:relative;overflow:hidden}.pill-icon{flex-shrink:0;justify-content:center;align-items:center;height:40px;padding-left:8px;display:flex}.pill-icon svg{display:block}.pill-text{color:#0f0f0f;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;padding:0 24px 0 14px;font-family:Barlow Condensed,Arial,sans-serif;font-size:15px;font-weight:700}.subtext{flex-direction:column;gap:6px;margin-top:18px;display:flex}.subtext span{color:#55554a;letter-spacing:1.5px;font-size:22px}.content-row{justify-content:space-between;align-items:flex-start;gap:40px;width:100%;display:flex}.left-content{flex:1}.right-content{align-items:flex-start;padding-top:80px;display:flex}.find-me-section{background:0 0;border-radius:4px;flex-direction:column;align-items:flex-end;gap:12px;padding:20px 24px;display:flex}.find-me{color:#55554a;letter-spacing:2px;text-transform:uppercase;text-align:right;margin-bottom:2px;font-size:18px;font-weight:700}.star-navigation-box{background:#0f0f0f;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:1400px;margin:40px auto 0;padding:60px;display:flex}.crosshair-zone{align-items:center;gap:16px;display:flex;position:absolute;bottom:60px;right:40px}.vert-barcode{flex-direction:row;align-items:stretch;gap:3px;display:flex}.vert-barcode span{background:#0f0f0f;height:55px;display:block}.h-separator{opacity:.2;background:#0f0f0f;width:100%;height:.5px}.star-wrap{justify-content:center;align-items:center;width:100%;min-height:600px;padding:40px 0;display:flex;position:relative}.star-svg{z-index:1;animation:12s linear infinite hueShift;position:relative}.nav-header{color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;white-space:pre-line;z-index:10;text-align:center;background:#f87a21;border:none;border-radius:12px;justify-content:center;align-items:center;width:200px;height:200px;padding:20px;font-family:Barlow Condensed,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.3;transition:all .3s;display:flex;position:absolute}.nav-header:after{content:"↗";font-size:24px;font-weight:900;line-height:1;position:absolute;top:12px;right:12px}.nav-header:hover{opacity:.85}.nav-top-left{top:20px;left:20px}.nav-top-right{top:20px;right:20px}.nav-bottom-left{bottom:20px;left:20px}.nav-bottom-right{bottom:20px;right:20px}.network-content{flex-direction:column;align-items:center;gap:60px;width:100%;max-width:1400px;padding:0 60px;display:flex}.bottom-row{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:800px;display:grid}.globe-box{border:.8px solid #444;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.globe-label{color:#666;letter-spacing:2px;text-transform:uppercase;font-size:9px}.links-col{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.find-me{color:#0f0f0f;letter-spacing:2px;text-transform:uppercase;text-align:right;margin-bottom:2px;font-size:18px}.pill-link{color:#0f0f0f;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:#49d9fe;border:none;border-radius:999px;align-items:center;height:40px;padding:0 28px;font-family:Barlow Condensed,Arial,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.pill-link:hover{opacity:.85}.reg-mark{flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:20px;display:flex}.reg-h{background:#333;width:80px;height:.5px}.reg-v{background:#333;width:.5px;height:40px;margin:0 auto}.reg-circle{border:.8px solid #f87a21;border-radius:50%;width:14px;height:14px;margin:0 auto}.reg-code{color:#666;letter-spacing:1px;font-family:Courier New,monospace;font-size:8px}@keyframes hueShift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes colorCycleBottomLeft{0%{filter:hue-rotate()}6.25%{filter:hue-rotate(90deg)}12.5%{filter:hue-rotate(180deg)}18.75%{filter:hue-rotate(270deg)}25%{filter:hue-rotate(360deg)}25.1%{filter:hue-rotate()}to{filter:hue-rotate()}}@keyframes colorCycleTopLeft{0%{filter:hue-rotate()}25%{filter:hue-rotate()}31.25%{filter:hue-rotate(90deg)}37.5%{filter:hue-rotate(180deg)}43.75%{filter:hue-rotate(270deg)}50%{filter:hue-rotate(360deg)}50.1%{filter:hue-rotate()}to{filter:hue-rotate()}}@keyframes colorCycleTopRight{0%{filter:hue-rotate()}50%{filter:hue-rotate()}56.25%{filter:hue-rotate(90deg)}62.5%{filter:hue-rotate(180deg)}68.75%{filter:hue-rotate(270deg)}75%{filter:hue-rotate(360deg)}75.1%{filter:hue-rotate()}to{filter:hue-rotate()}}@keyframes colorCycleBottomRight{0%{filter:hue-rotate()}75%{filter:hue-rotate()}81.25%{filter:hue-rotate(90deg)}87.5%{filter:hue-rotate(180deg)}93.75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(360deg)}}@media (width<=768px){.hero-section,.network-section{padding:24px}.upper{padding:20px 24px}.network-content{gap:40px;padding:0 24px}.logotype{margin-bottom:16px;font-size:clamp(48px,12vw,72px)}.crosshair-zone{bottom:40px;right:24px}.crosshair-zone svg{width:48px;height:48px}.vert-barcode span{height:45px}.bottom-row{text-align:center;grid-template-columns:1fr;gap:40px}.globe-box{margin:0 auto}.links-col{align-items:center}.find-me{text-align:center}.star-svg{width:200px;height:200px}.pill-text{padding:0 20px 0 12px;font-size:13px}.pill-link{padding:0 24px;font-size:13px}.nav-header{padding:12px 20px;font-size:14px}.nav-top-left,.nav-top-right{top:20px}.nav-bottom-left,.nav-bottom-right{bottom:20px}.nav-top-left,.nav-bottom-left{left:20px}.nav-top-right,.nav-bottom-right{right:20px}.content-row{flex-direction:column;gap:30px}.right-content{width:100%;padding-top:0}.find-me-section{align-items:center;width:100%}.star-navigation-box{margin-top:30px;padding:40px 20px}}@media (width<=480px){.upper{padding:16px 20px}.network-content{padding:0 20px}.logotype{font-size:clamp(40px,10vw,60px)}.stamp{width:48px;height:48px;font-size:14px}.stamp:after{width:38px;height:38px}.crosshair-zone{bottom:30px;right:20px}.crosshair-zone svg{width:40px;height:40px}.star-svg{width:180px;height:180px}.barcode span{height:40px}.vert-barcode{gap:2px}.vert-barcode span{height:38px}.nav-header{letter-spacing:1px;padding:10px 16px;font-size:11px}.nav-top-left,.nav-top-right{top:10px}.nav-bottom-left,.nav-bottom-right{bottom:10px}.nav-top-left,.nav-bottom-left{left:10px}.nav-top-right,.nav-bottom-right{right:10px}.star-wrap{min-height:350px}.star-navigation-box{margin-top:20px;padding:30px 15px}}