@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600&family=Orbitron:wght@500;700;800&display=swap";:root{--font-display:"Orbitron", "Eurostile", "Bank Gothic", "Segoe UI", sans-serif;--font-body:"Exo 2", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#fff;min-width:320px;font-family:var(--font-body);background:#000;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}p,span,li,a,button,input,textarea{font-family:var(--font-body)}.overlay-root{z-index:20;pointer-events:none;width:100%;height:900vh;position:absolute;top:0;left:0}.hero-wrap{justify-content:center;align-items:center;height:100vh;display:flex}.hero-card{-webkit-backdrop-filter:blur(6px)saturate(108%);backdrop-filter:blur(6px)saturate(108%);text-align:center;pointer-events:auto;background:linear-gradient(145deg,#14171ed1,#0d0f16c7),linear-gradient(90deg,#85644826,#58466c1f);border:1px solid #aa87666b;border-radius:1.1rem;width:min(56rem,92vw);padding:clamp(1.2rem,3vw,2.2rem);box-shadow:0 10px 28px #00000073,inset 0 1px #e1c1a11f,inset 0 -1px #96785e24}.hero-kicker{color:#dfc4a5d1;letter-spacing:.12rem;text-transform:uppercase;font-size:clamp(.7rem,1.8vw,.86rem);font-family:var(--font-display);margin:0 0 .6rem}.hero-text{letter-spacing:clamp(.15rem,.8vw,.4rem);color:#efe4d3;text-shadow:0 0 8px #d6aa803d,0 0 18px #6e523c33;text-align:center;-webkit-user-select:none;user-select:none;font-size:clamp(1rem,6vw,2.5rem);font-weight:700;font-family:var(--font-display);text-transform:uppercase;margin:0 0 .8rem;padding:0 1rem}.hero-subtitle{color:#ded1c2d6;max-width:42rem;font-size:clamp(.92rem,2.2vw,1.1rem);line-height:1.7;font-family:var(--font-body);margin:0 auto}.hero-card .hero-tags span{color:#ecdbc8f2;background:linear-gradient(135deg,#3e3021db,#221c16d1);border-color:#b28a6259;box-shadow:inset 0 0 0 1px #f4d6b014,0 6px 14px #00000059,0 0 10px #9a724e29}.hero-tags{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.1rem;display:flex}.hero-tags span{color:#ebdcc4f5;font-size:clamp(.72rem,1.9vw,.84rem);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#403222db,#2a2218d6);border:1px solid #bb916259;border-radius:999px;padding:.33rem .7rem;box-shadow:inset 0 0 0 1px #f4d6b014,0 0 0 1px #8264493d,0 6px 14px #00000059}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.1rem;display:flex}.hero-cta a{color:#ecdcccf5;font-size:clamp(.72rem,1.8vw,.84rem);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;pointer-events:auto;background:linear-gradient(135deg,#423224db,#261f18d6);border:1px solid #b6926c5c;border-radius:999px;padding:.4rem .8rem;text-decoration:none;transition:border-color .22s,box-shadow .22s,color .22s}.hero-cta a:hover{color:#f2dcc0;border-color:#d6aa809e;box-shadow:0 0 14px #b0845d3d,inset 0 0 0 1px #f0c69a1a}.overlay-section{width:100%;display:flex;position:relative}.overlay-section.left{justify-content:flex-start}.overlay-section.right{justify-content:flex-end}.overlay-section.left .overlay-card{border-color:#d6a87673}.overlay-section.left .overlay-card:before{background:linear-gradient(#704824f0 0%,#58381ee6 6%,#18110b05 7%,#18110b03 93%,#623e21e0 94%,#784c28eb 100%),linear-gradient(90deg,#d18c4e3d,#d18c4e0a 22%,#8e70530a 78%,#8e705338),repeating-linear-gradient(125deg,#ffffff06 0 2px,#0000 2px 7px),repeating-linear-gradient(#eccaa80a 0 1px,#0000 1px 5px)}.overlay-section.left .overlay-card:after{border-color:#e2ac6e80}.overlay-section.left .overlay-card h2{color:#f0d5b7}.overlay-section.left .overlay-card p{color:#e8d5c0eb}.overlay-section.right .overlay-card{border-color:#b288d26b}.overlay-section.right .overlay-card:before{background:linear-gradient(#4a2a5eeb 0%,#3a204ee6 6%,#140e1d05 7%,#140e1d03 93%,#422658e0 94%,#54326eeb 100%),linear-gradient(90deg,#bc80e13d,#bc80e10a 22%,#7864a00a 78%,#7864a038),repeating-linear-gradient(125deg,#ffffff06 0 2px,#0000 2px 7px),repeating-linear-gradient(#dcc0f50a 0 1px,#0000 1px 5px)}.overlay-section.right .overlay-card:after{border-color:#be90e080}.overlay-section.right .overlay-card h2{color:#e5d1f6}.overlay-section.right .overlay-card p{color:#ddd0eceb}.overlay-section.offset-3 .overlay-card{border-color:#aa876675}.overlay-section.offset-3 .overlay-card:before{background:linear-gradient(#564234f0 0%,#46362ae6 6%,#16120f05 7%,#16120f03 93%,#4c3a2ee0 94%,#5e483aeb 100%),linear-gradient(90deg,#b08e6e3d,#b08e6e0a 22%,#7c6c5c0a 78%,#7c6c5c38),repeating-linear-gradient(125deg,#ffffff06 0 2px,#0000 2px 7px),repeating-linear-gradient(#dcc4b00a 0 1px,#0000 1px 5px)}.overlay-section.offset-3 .overlay-card:after{border-color:#ba967485}.overlay-section.offset-3 .overlay-card h2{color:#ead9c7}.overlay-section.offset-3 .overlay-card p{color:#e0d6cbeb}.overlay-section.offset-4 .overlay-card{border-color:#be5c627a}.overlay-section.offset-4 .overlay-card:before{background:linear-gradient(#66242ef0 0%,#521e26e6 6%,#180b0e05 7%,#180b0e03 93%,#5a222ae0 94%,#6e2a34eb 100%),linear-gradient(90deg,#ce6c703d,#ce6c700a 22%,#824e5a0a 78%,#824e5a38),repeating-linear-gradient(125deg,#ffffff06 0 2px,#0000 2px 7px),repeating-linear-gradient(#e8b2b80a 0 1px,#0000 1px 5px)}.overlay-section.offset-4 .overlay-card:after{border-color:#d47a8085}.overlay-section.offset-4 .overlay-card h2{color:#f0d0d4}.overlay-section.offset-4 .overlay-card p{color:#e7cfd3eb}.overlay-card{-webkit-backdrop-filter:blur(7px)saturate(120%);backdrop-filter:blur(7px)saturate(120%);clip-path:polygon(34px 0,calc(100% - 56px) 0,calc(100% - 24px) 14px,100% 34px,100% calc(100% - 34px),calc(100% - 24px) calc(100% - 14px),calc(100% - 56px) 100%,34px 100%,0 calc(100% - 34px),0 34px);color:#fff;pointer-events:auto;will-change:transform, opacity, box-shadow;opacity:0;filter:blur(2px);width:min(44rem,90vw);transition:opacity .68s cubic-bezier(.22,.61,.36,1),transform .68s cubic-bezier(.22,.61,.36,1),filter .68s cubic-bezier(.22,.61,.36,1),box-shadow .68s cubic-bezier(.22,.61,.36,1);transition-delay:var(--float-delay,0s);background:0 0;border:1px solid #96beff47;border-radius:1.2rem;margin:0 5vw;padding:clamp(1.4rem,2.8vw,2rem) clamp(1rem,2.5vw,1.7rem);position:relative;overflow:hidden;transform:translateY(26px)scale(.985)}.overlay-card:before{content:"";box-shadow:inset 0 -1px 0 #e1ba8b57, inset 0 1px 0 #e1ba8b57, inset 0 6% 0 #b0845b33, inset 0 -6% 0 #62524338;pointer-events:none;background:linear-gradient(#5e482ef0 0%,#4a3926eb 6%,#18130e05 7%,#18130e03 93%,#523c28e6 94%,#624830f0 100%),linear-gradient(90deg,#bf89543d,#bf89540a 22%,#7965540a 78%,#79655438),repeating-linear-gradient(125deg,#ffffff06 0 2px,#0000 2px 7px),repeating-linear-gradient(#c9d1e508 0 1px,#0000 1px 5px);animation:none;position:absolute;inset:0}.overlay-card:after{content:"";clip-path:inherit;pointer-events:none;background:linear-gradient(#d8ad7e33 0%,#a886651f 6%,#0000 7% 93%,#a886651f 94%,#d8ad7e29 100%),linear-gradient(#0000,#0000);border:1px solid #d6a87680;position:absolute;inset:1px}.overlay-card>*{z-index:2;position:relative}.overlay-card.in-view{opacity:1;filter:blur();transform:translateY(0)scale(1);box-shadow:0 12px 28px #040819a6,0 0 24px #ba8a5e2e,0 0 34px #6e5a4629,inset 0 0 0 1px #ffffff08}.overlay-card h2{letter-spacing:.06rem;font-size:clamp(1.1rem,3.3vw,1.8rem);font-family:var(--font-display);color:#f0dcc2;text-shadow:0 0 8px #daaf7e42,0 0 16px #7159403d;margin:0 0 .6rem;animation:none}.overlay-card p{font-size:clamp(.9rem,2.2vw,1.05rem);line-height:1.6;font-family:var(--font-body);color:#e0d6c7eb;text-shadow:0 0 4px #ba987433,0 0 10px #604c3a29;margin:0;animation:none}.experience-list{gap:1rem;display:grid}.experience-item{clip-path:polygon(0 14px,14px 0,calc(100% - 18px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,20px 100%,0 calc(100% - 10px));background:linear-gradient(145deg,#0a1021b8,#0809189e);border:1px solid #a0c8ff33;border-radius:.8rem;padding:.75rem .85rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 8px 20px #03061273}.experience-item:before{content:"";background:linear-gradient(#81c7ffe6,#cc84ffe6);width:3px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #82beff8c}.experience-item h3{letter-spacing:.04em;color:#d0ecff;text-shadow:0 0 10px #61baff59;margin:0 0 .35rem;font-size:clamp(.95rem,2.3vw,1.1rem)}.experience-meta{color:#ffffffad;margin:0 0 .45rem!important;font-size:clamp(.78rem,1.8vw,.9rem)!important}.experience-meta a{color:#9ac6ff;border-bottom:1px solid #9ac6ff59;text-decoration:none}.experience-meta a:hover{color:#c9e3ff;border-bottom-color:#c9e3ffbf}.experience-item ul{margin:0;padding-left:1rem}.experience-item li{margin:0 0 .35rem;font-size:clamp(.84rem,2vw,.98rem);line-height:1.5}.experience-item li:last-child{margin-bottom:0}@keyframes holo-text-glow{0%,to{opacity:.95;filter:saturate()}50%{opacity:1;filter:saturate(125%)}}@keyframes holo-panel-flicker{0%,to{opacity:.96}60%{opacity:.92}62%{opacity:.88}64%{opacity:.95}}@keyframes holo-glitch{0%,90%,to{text-shadow:0 0 10px #6dc8ff8c,0 0 22px #7b5cff59}91%{text-shadow:1px 0 #56e8fff2,-1px 0 #ff62d4d9,0 0 16px #6dc8ff8c}92%{text-shadow:-1px 0 #56e8fff2,1px 0 #ff62d4d9,0 0 16px #6dc8ff8c}}.overlay-section.offset-1{margin-top:82vh}.overlay-section.offset-2{margin-top:130vh}.overlay-section.offset-3{margin-top:152vh}.overlay-section.offset-4{margin-top:105vh}.overlay-footer{color:#fffc;text-align:center;pointer-events:auto;border-top:1px solid #fff3;width:min(56rem,92vw);padding:1rem 1.2rem;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.overlay-footer p{font-size:clamp(.86rem,1.9vw,1rem);font-family:var(--font-body);margin:0}.overlay-footer .footer-meta{color:#fff9;font-size:clamp(.76rem,1.7vw,.9rem);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;margin-top:.35rem}@media (width<=900px){.overlay-root{height:800vh}.hero-wrap{align-items:flex-start;padding-top:12vh}.hero-card{width:min(94vw,34rem)}.overlay-section.left,.overlay-section.right{justify-content:center}.overlay-card{width:min(94vw,36rem);margin:0 1rem}.overlay-section.offset-1{margin-top:22vh}.overlay-section.offset-2{margin-top:62vh}.overlay-section.offset-3{margin-top:30vh}.overlay-section.offset-4{margin-top:58vh}.overlay-footer{bottom:max(2.5vh, env(safe-area-inset-bottom));width:min(94vw,36rem);padding:.9rem .9rem calc(.9rem + env(safe-area-inset-bottom))}}@media (width<=600px){.overlay-root{height:800vh}.hero-wrap{padding-top:10vh}.hero-card{width:94vw;padding:1rem .9rem}.hero-text{letter-spacing:.08rem;line-height:1.2}.hero-subtitle{max-width:95%;line-height:1.55}.overlay-card{clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);margin:0 .65rem;padding:.9rem .8rem}.experience-item{padding:.65rem .7rem}.overlay-section.offset-1{margin-top:18vh}.overlay-section.offset-2{margin-top:52vh}.overlay-section.offset-3{margin-top:24vh}.overlay-section.offset-4{margin-top:48vh}}@media (prefers-reduced-motion:reduce){.overlay-card{opacity:1;filter:none;transition:none;transform:none}.overlay-card:before,.overlay-card h2,.overlay-card p{animation:none}}.preloader{z-index:9999;background:#06070a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-text{color:#fff;margin-bottom:40px;font-family:Courier New,monospace}.loading-dots{animation:1.2s ease-in-out infinite dots-blink}.marquee{contain:content;background:#fff;width:80%;height:60px;position:relative;overflow:hidden}.runner,.bull{will-change:transform;backface-visibility:hidden;height:100%;transform-style:preserve-3d;image-rendering:auto;opacity:0;animation:3.4s linear infinite paused scroll-left;position:absolute;top:0;left:100%;transform:translate(0,0)}.runner.is-running,.bull.is-running{opacity:1;animation-play-state:running}.runner{z-index:2}.bull{z-index:1;animation-delay:.14s}.tunnel{z-index:3;height:100%;position:absolute;left:0}.progress-wrap{margin-top:18px}.progress-text{color:#fffc;letter-spacing:2px;text-align:center;margin:0;font-family:monospace;font-size:13px}@keyframes scroll-left{0%{transform:translate(0,0)}to{transform:translate(calc(-100vw - 220px))}}@keyframes dots-blink{0%,to{opacity:.2}50%{opacity:1}}
