@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap";:root{--x: 50vw;--y: 50vh}body,html,#root{height:100%;margin:0;padding:0;background:#1b1b1b}body{overflow-x:hidden}.app-wrapper{position:relative;width:100%}.custom-cursor{position:fixed;width:45px;height:45px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);background:transparent;mix-blend-mode:screen;border:2px solid rgba(255,255,255,.9);animation:energyPulse 1s infinite alternate ease-in-out}@keyframes energyPulse{0%{transform:translate(-50%,-50%) scale(1);border-width:2px}to{transform:translate(-50%,-50%) scale(1.12);border-width:3px}}.cursor-coords{position:absolute;top:50px;left:50%;transform:translate(-50%);font-size:10px;font-family:monospace;color:#0ff;opacity:.85;text-shadow:0 0 5px #0ff;white-space:nowrap;pointer-events:none}.hero-section{position:relative;width:100%;height:100vh;z-index:1}.grid-lantern{position:relative;width:100%;height:100%;background:#161616;overflow:hidden;display:flex;justify-content:center;align-items:center;will-change:transform,opacity;pointer-events:none}.grid-lantern:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,4,255,.15),transparent 60%),radial-gradient(circle at 70% 60%,rgba(60,73,255,.1),transparent 70%),radial-gradient(circle at 50% 80%,rgba(80,83,255,.05),transparent 60%);animation:flicker 8s ease-in-out infinite alternate;z-index:0}.overlay-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.7;pointer-events:none;z-index:0;animation:flicker 4s ease-in-out infinite alternate}@keyframes flicker{0%{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.15;transform:scale(1.02)}}.custom-title-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:7.5rem;position:relative;z-index:1;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-text-stroke:2px #ff9900;display:inline-block;line-height:5rem}.char{display:inline-block;animation:flickerText 10s infinite}@keyframes flickerText{0%,to{opacity:.85;filter:drop-shadow(0 0 6px #ff56567a) drop-shadow(0 0 12px #ff82829d)}30%{opacity:.4;filter:none}60%{opacity:.7}}.custom-subtitle-text{font-family:Major Mono Display,monospace;color:#fff;font-weight:200;font-size:3.7rem;padding:.3rem 3rem;border-radius:1rem;border-left:2px solid #ff9900;border-bottom:1px solid #ff9900}.custom-subtext{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.tags-container{z-index:2}.tag{background-color:#2825b418;border-radius:.3rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;padding:.3rem .6rem;z-index:99;border-left:1px solid #00fff2}.tag i{font-size:1.65rem;color:#00fff2}.scene-3d-fixed,.scene-cyborg-fixed{position:fixed!important;top:0;left:0;width:100%;height:100vh;z-index:10!important;pointer-events:none}.scene-placeholder{width:50%;height:100%}.trigger-section{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6rem 10%;width:100%;min-height:100vh;color:#fff;gap:4rem;z-index:10;background-size:cover;background-position:center;background-repeat:no-repeat}.trigger-left{flex:1}.trigger-left h1{font-size:3rem;font-weight:700;color:#f90}.trigger-left p{font-size:1.2rem;opacity:.8;margin-top:1rem}.trigger-right{flex:1;display:flex;justify-content:center}.trigger-box{background:#ffffff0d;padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;width:80%}.trigger-box h2{color:#f90;font-size:2rem;margin-bottom:1rem}.next-section{position:relative;min-height:100vh;padding:4rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:4rem;z-index:10;background-size:cover;background-position:center;background-repeat:no-repeat}.next-section-content{flex:1;max-width:600px;padding-left:2rem}.next-section h1{font-size:3rem;margin-bottom:2rem;background:linear-gradient(45deg,#f90,#f70);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,sans-serif}.next-section p{font-size:1.2rem;color:#ccc;line-height:1.6;margin-bottom:1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.all-hex-grid{position:relative;--gg: .8rem;--hexgridw: min(350px, 40vw);width:calc(var(--hexgridw) + var(--gg) * 2);display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,calc(var(--hexgridw) / 3.4641));grid-gap:var(--gg);transform-style:preserve-3d;transform:perspective(1000px) rotateX(25deg) rotateY(-10deg);margin-right:2rem}.all-hex-grid>*{min-width:0;min-height:0;width:100%;height:100%}.all-hex-grid a{text-decoration:none;color:inherit;transition:all .3s ease;display:block;width:100%;height:100%;min-width:0;min-height:0}.all-hex-grid div[data-augmented-ui]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1b1b1bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,153,0,.3);transition:all .3s ease;position:relative;box-sizing:border-box}.all-hex-grid div[data-augmented-ui]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff99001a,#00fff20d);opacity:0;transition:opacity .3s ease}.all-hex-grid a:hover div[data-augmented-ui]{background:#2825b433;--aug-inlay-opacity: .8 !important;border-color:#f909;box-shadow:0 0 20px #ff99004d}.all-hex-grid a:hover div[data-augmented-ui]:before{opacity:1}.all-hex-grid svg{width:50%;height:50%;object-fit:contain;filter:brightness(.9);transition:all .3s ease}.all-hex-grid a:hover svg{filter:brightness(1) drop-shadow(0 0 8px rgba(255,153,0,.5));transform:scale(1.1)}.all-hex-grid .help,.all-hex-grid .ty{font-size:1.1rem;font-weight:700;color:#f90;text-align:center;transition:all .3s ease;font-family:Space Grotesk,sans-serif;text-shadow:0 0 5px rgba(255,153,0,.3)}.all-hex-grid a:hover .help,.all-hex-grid a:hover .ty{color:#00fff2;text-shadow:0 0 10px rgba(0,255,242,.7)}@keyframes floatHex{0%,to{transform:perspective(1000px) rotateX(25deg) rotateY(-10deg) translateY(0)}50%{transform:perspective(1000px) rotateX(25deg) rotateY(-10deg) translateY(-8px)}}.all-hex-grid{animation:floatHex 6s ease-in-out infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9d008a,#ff7700b7);border-radius:10px;border:2px solid #0d0d0d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffb74d,#ff8c1a);box-shadow:0 0 8px #ff8c1a}*{scrollbar-width:thin;scrollbar-color:#ff8800 #0d0d0d}::-moz-selection{color:#8affbbd2;background:#2c7c1869}::selection{color:#8affbbd2;background:#2c7c1869}@media (max-width: 900px){.scene-3d-fixed,.scene-cyborg-fixed,.loader-wrapper{display:none}.trigger-section{flex-direction:column;text-align:center}.custom-subtext{padding-left:1rem;padding-right:1rem}.tag{padding:4px!important;font-size:small;gap:5px!important}.tag i{font-size:small}.custom-subtitle-text{font-size:1.95rem!important}.trigger-content-left{display:none}.sign-behind-left,.sign-behind-right{font-size:4rem!important}}@media (max-width: 768px){.scene-3d-fixed,.scene-cyborg-fixed,.loader-wrapper{display:none}.next-section{flex-direction:column;text-align:center;gap:2rem}.next-section-content{padding-left:0;max-width:100%}.all-hex-grid{--hexgridw: min(300px, 80vw);margin-right:0}.custom-title-text{font-size:4rem;line-height:3.5rem}.custom-subtitle-text{font-size:2.5rem}.tags-container{flex-wrap:wrap;justify-content:center}}.trigger-content-left{flex:1;max-width:50%}.trigger-content-right{flex:1;max-width:50%;height:100%}.next-section{position:relative;min-height:100vh;padding:4rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:4rem;z-index:10}.next-section-content-left{flex:1;max-width:50%;padding-left:2rem}.next-section-content-right{flex:1;max-width:50%;height:100%}.all-hex-grid{display:none}@media (max-width: 900px){.trigger-section,.next-section{flex-direction:column}.trigger-content-left,.trigger-content-right,.next-section-content-left,.next-section-content-right{max-width:100%;width:100%}.trigger-content-right,.next-section-content-right{display:none}}.music-toggle-btn{position:fixed;bottom:20px;right:20px;z-index:10000;background:#28645c2f;border:none;border-radius:10%;width:60px;height:40px;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-left:12px solid #ff8c1a;border-top:2px solid #ff8c1a;border-bottom:2px solid #ff8c1a;border-right:2px solid #ff8c1a;color:#ff8c1a}.music-toggle-btn:hover{transform:scale(1.1)}.contact-btn{position:fixed;bottom:20px;right:90px;z-index:10000;background:#28645c2f;border:none;border-radius:10%;width:100px;height:40px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-left:12px solid #ff8c1a;border-top:2px solid #ff8c1a;border-bottom:2px solid #ff8c1a;border-right:2px solid #ff8c1a;color:#ff8c1a;font-family:Audiowide,sans-serif}.contact-btn:hover{transform:scale(1.1)}.sound-wave{display:flex;align-items:center;gap:2px;margin-left:5px}.bar{width:3px;background:#f90;border-radius:2px;animation:soundWave 1.5s ease-in-out infinite}.bar:nth-child(1){height:8px;animation-delay:0s}.bar:nth-child(2){height:12px;animation-delay:.2s}.bar:nth-child(3){height:8px;animation-delay:.4s}@keyframes soundWave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.typewriter-text{font-family:Courier New,monospace;line-height:1.6}.typewriter-cursor{animation:blink 1s infinite;color:#f90;font-weight:700;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typewriter-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;animation:typing-glow 2s infinite}@keyframes typing-glow{0%,to{opacity:.3}50%{opacity:.8}}.fixed-bottom-ui{position:fixed;bottom:0;left:0;width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;pointer-events:none;z-index:9999;font-family:Space Grotesk,sans-serif}.fixed-ui-left,.fixed-ui-right{display:flex;align-items:center;gap:.5rem;pointer-events:none}.arrow-cyber{stroke:#f90;stroke-width:2.5;fill:none;filter:drop-shadow(0 0 6px #ff9900);animation:arrowPulse 1.4s infinite ease-in-out;cursor:pointer}@keyframes arrowPulse{0%{transform:translateY(0);opacity:.5}50%{transform:translateY(10px);opacity:1}to{transform:translateY(0);opacity:.5}}.cyber-label{color:#f90;font-size:.65rem;text-transform:uppercase;letter-spacing:2px;opacity:.8}.cyber-value{color:#0ff;font-size:.75rem;font-weight:700;text-shadow:0 0 5px rgba(0,255,255,.349)}.scroll-down-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);cursor:pointer;pointer-events:auto;z-index:5;opacity:.85}.scroll-down-indicator .arrow{width:15px;height:15px;border-right:3px solid #ff9900;border-bottom:3px solid #ff9900;transform:rotate(45deg);animation:arrowBounce 1.4s infinite ease-in-out}@keyframes arrowBounce{0%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(10px) rotate(45deg)}to{transform:translateY(0) rotate(45deg)}}.svg-frame{position:relative;width:300px;height:300px;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.svg-frame svg{position:absolute;transition:.5s;z-index:calc(1 - (.2 * var(--j)));transform-origin:center;width:344px;height:344px;fill:none}.svg-frame svg #center{transition:.5s;transform-origin:center}.svg-frame:hover svg #center{transform:rotate(-30deg) translate(45px) translateY(-3px)}#out2{animation:rotate16 7s ease-in-out infinite alternate;transform-origin:center}#out3{animation:rotate16 3s ease-in-out infinite alternate;transform-origin:center;stroke:#f90}#inner3,#inner1{animation:rotate16 4s ease-in-out infinite alternate;transform-origin:center}#center1{fill:#f90;animation:rotate16 2s ease-in-out infinite alternate;transform-origin:center}@keyframes rotate16{to{transform:rotate(360deg)}}.loader-wrapper{transform:scale(2);transform-origin:center;display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:60%;position:relative;z-index:5}.trigger-content-left .loader-wrapper{transform:scale(1.9)}@media (max-width: 768px){.loader-wrapper{display:none}}.app-3d-container{position:relative;transform-style:preserve-3d;min-height:100vh;overflow:hidden}.mouse-perspective-effect{transform-style:preserve-3d;will-change:transform}.depth-layer{filter:blur(1px);transition:transform .3s ease-out}.floating-3d-element{animation:float3d 6s ease-in-out infinite;box-shadow:0 0 30px #ff99001a,inset 0 0 20px #00fff20d}@keyframes float3d{0%,to{transform:translateZ(0) rotateX(0) rotateY(0)}33%{transform:translateZ(10px) rotateX(5deg) rotateY(5deg)}66%{transform:translateZ(-10px) rotateX(-5deg) rotateY(-5deg)}}.welcome-text h1{color:#f90}.delayed-appear{opacity:0;animation:fadeInTypewriter .8s ease forwards;animation-delay:.2s}@keyframes fadeInTypewriter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.main-topic{font-family:Audiowide,sans-serif;color:#f90;font-size:26px;padding:.26rem;transition:.1s;border-left:none;border-right:none}.topic{font-family:Audiowide,sans-serif;color:#f90;font-size:22px;padding:.26rem;border-top:1px solid rgba(0,255,255,.267);transition:.1s;border-left:none;border-right:none;background:#2a7b9b;background:linear-gradient(90deg,#2a7b9b00,#2a7b9b18,#2a7b9b00)}.minorplus{font-size:18px}.minor-topic{font-family:monospace;color:#0ff;font-size:16px;padding:.26rem;border-top:1px solid rgba(0,255,255,.267);transition:.1s;border-left:none;border-right:none;background:#2a7b9b;background:linear-gradient(90deg,#2a7b9b00,#2a7b9b18,#2a7b9b00);font-weight:lighter}.minor-topic.tv-hover{transition:all .3s ease}.minor-topic.tv-hover:hover{color:#0ff;cursor:pointer;text-shadow:0 0 8px rgba(0,255,255,.7);background:linear-gradient(90deg,#0064ff1a,#0096ff40,#0064ff1a);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.05) 2px,rgba(0,255,255,.05) 4px);box-shadow:inset 0 0 15px #0096ff4d,0 0 10px #0096ff33,inset 0 0 0 1px #0ff6;animation:tvTremor .1s infinite}@keyframes tvTremor{0%,to{transform:translate(0)}25%{transform:translate(-.5px)}75%{transform:translate(.5px)}}.trigger-lantern-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.trigger-lantern-grid{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(20,20,30,.8) 1px,transparent 1px),linear-gradient(rgba(20,20,30,.8) 1px,transparent 1px);background-size:40px 40px;animation:triggerGridMove 20s linear infinite;opacity:.15}@keyframes triggerGridMove{0%{background-position:0 0}to{background-position:40px 40px}}.trigger-lantern-light{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,153,0,.25) 0%,rgba(255,153,0,.15) 20%,rgba(255,153,0,.05) 40%,transparent 70%);filter:blur(60px);mix-blend-mode:screen;animation:triggerLanternFloat 8s ease-in-out infinite alternate;opacity:.7}.trigger-lantern-light:nth-child(2){width:400px;height:400px;background:radial-gradient(circle at center,rgba(0,255,242,.2) 0%,rgba(0,255,242,.1) 20%,rgba(0,255,242,.05) 40%,transparent 70%);filter:blur(40px);animation-delay:-2s;animation-duration:6s}.trigger-lantern-light:nth-child(3){width:800px;height:800px;background:radial-gradient(circle at center,rgba(255,100,0,.15) 0%,rgba(255,100,0,.08) 20%,rgba(255,100,0,.03) 40%,transparent 70%);filter:blur(80px);animation-delay:-4s;animation-duration:10s}@keyframes triggerLanternFloat{0%{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(20%,10%) scale(1.1);opacity:.7}66%{transform:translate(-15%,-5%) scale(.9);opacity:.6}to{transform:translate(5%,15%) scale(1.05);opacity:.8}}.trigger-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.trigger-particle{position:absolute;width:2px;height:2px;background:#f909;border-radius:50%;filter:blur(.5px);animation:triggerParticleFloat 4s infinite ease-in-out}@keyframes triggerParticleFloat{0%,to{transform:translateY(0) rotate(0);opacity:0}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.trigger-scanline{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to bottom,transparent 0%,rgba(81,255,0,.096) 50%,transparent 100%);filter:blur(1px);animation:triggerScanline 3s linear infinite;z-index:2;opacity:.5}@keyframes triggerScanline{0%{top:0%}to{top:100%}}.trigger-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(255,153,0,.1),transparent 50%),radial-gradient(circle at 70% 60%,rgba(0,255,242,.08),transparent 50%),radial-gradient(circle at 50% 20%,rgba(255,100,0,.05),transparent 50%);animation:triggerFlicker 12s ease-in-out infinite alternate;z-index:0;pointer-events:none}@keyframes triggerFlicker{0%{opacity:.3;filter:hue-rotate(0deg)}33%{opacity:.4;filter:hue-rotate(30deg)}66%{opacity:.25;filter:hue-rotate(-15deg)}to{opacity:.35;filter:hue-rotate(45deg)}}.trigger-content-left,.trigger-content-right{position:relative;z-index:2}@media (max-width: 768px){.custom-subtext{font-size:smaller}.trigger-lantern-light{width:400px;height:400px}.trigger-lantern-light:nth-child(2){width:300px;height:300px}.trigger-lantern-light:nth-child(3){width:500px;height:500px}.trigger-lantern-grid{background-size:30px 30px}}.skill-charts-grid{display:flex;justify-content:space-around;align-items:center;gap:1rem;padding:1rem;margin-top:.5rem}.skill-chart-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.skill-chart-container{display:flex;flex-direction:column;align-items:center;gap:0}.skill-chart-wrapper{position:relative;width:80px;height:80px;cursor:pointer}.skill-chart-wrapper canvas{width:100%!important;height:100%!important;transition:transform .3s ease}.skill-chart-wrapper:hover canvas{transform:scale(1.05)}.skill-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;pointer-events:none}.percentage-value{font-family:Audiowide,sans-serif;font-size:1rem;font-weight:700;color:#f90;text-shadow:0 0 8px rgba(255,153,0,.5);line-height:1}.skill-chart-item:nth-child(1):after{content:"FRONTEND";font-family:Audiowide,sans-serif;font-size:.8rem;color:#f90;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-top:.5rem;display:block;white-space:nowrap}.skill-chart-item:nth-child(2):after{content:"BACKEND";font-family:Audiowide,sans-serif;font-size:.8rem;color:#00fff2;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-top:.5rem;display:block;white-space:nowrap}.skill-chart-item:nth-child(3):after{content:"ENGLISH";font-family:Audiowide,sans-serif;font-size:.8rem;color:#ff6b6b;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-top:.5rem;display:block;white-space:nowrap}.skill-chart-item{position:relative}.skill-chart-item:nth-child(1):hover:after{color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.8)}.skill-chart-item:nth-child(2):hover:after{color:#0fc;text-shadow:0 0 10px rgba(0,255,204,.8)}.skill-chart-item:nth-child(3):hover:after{color:#f99;text-shadow:0 0 10px rgba(255,153,153,.8)}.skill-chart-item:hover .percentage-value{animation:percentagePulse 1s infinite alternate}.skill-chart-item:nth-child(1):hover .percentage-value{color:#fc0;animation:percentagePulseOrange 1s infinite alternate}.skill-chart-item:nth-child(2):hover .percentage-value{color:#0fc;animation:percentagePulseCyan 1s infinite alternate}.skill-chart-item:nth-child(3):hover .percentage-value{color:#f99;animation:percentagePulseRed 1s infinite alternate}@keyframes percentagePulseOrange{0%{text-shadow:0 0 5px rgba(255,153,0,.3)}to{text-shadow:0 0 15px rgba(255,204,0,.8)}}@keyframes percentagePulseCyan{0%{text-shadow:0 0 5px rgba(0,255,242,.3)}to{text-shadow:0 0 15px rgba(0,255,204,.8)}}@keyframes percentagePulseRed{0%{text-shadow:0 0 5px rgba(255,107,107,.3)}to{text-shadow:0 0 15px rgba(255,153,153,.8)}}@media (max-width: 768px){.skill-chart-item:nth-child(1):after,.skill-chart-item:nth-child(2):after,.skill-chart-item:nth-child(3):after{font-size:.7rem;margin-top:.3rem}.skill-chart-wrapper{width:70px;height:70px}.percentage-value{font-size:.9rem}}.skill-chart-item.tooltip-version:after{content:"";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);opacity:0;visibility:hidden;transition:all .3s ease;white-space:nowrap;padding:.3rem .6rem;background:#000000b3;border:1px solid rgba(0,255,242,.3);border-radius:5px;z-index:10}.skill-chart-item.tooltip-version:nth-child(1):after{content:"FRONTEND";color:#f90}.skill-chart-item.tooltip-version:nth-child(2):after{content:"BACKEND";color:#00fff2}.skill-chart-item.tooltip-version:nth-child(3):after{content:"ENGLISH";color:#ff6b6b}.skill-chart-item.tooltip-version:hover:after{opacity:1;visibility:visible;bottom:-30px}.skill-chart-item.icon-version:before{content:"";display:block;width:10px;height:10px;border-radius:50%;margin-bottom:.3rem}.skill-chart-item.icon-version:nth-child(1):before{background:#f90;box-shadow:0 0 8px #f90}.skill-chart-item.icon-version:nth-child(2):before{background:#00fff2;box-shadow:0 0 8px #00fff2}.skill-chart-item.icon-version:nth-child(3):before{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b}.skill-chart-container .skill-name{display:none!important}.sign-behind-left{font-family:Major Mono Display,monospace;font-size:8rem;color:#f90;position:absolute;top:50%;left:20%;transform:translate(-50%,-50%) scale(1.2);z-index:5;pointer-events:none;letter-spacing:10px}.sign-behind-right{font-family:Major Mono Display,monospace;font-size:8rem;top:50%;color:#f90;position:absolute;left:80%;transform:translate(-50%,-50%) scale(1.2);z-index:5;pointer-events:none;letter-spacing:10px}.third-section{position:relative;width:100%;height:100vh;z-index:5;overflow:hidden}.third-section .grid-lantern{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loader-behind{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2.2);z-index:10;pointer-events:none}.button-container-front{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;justify-content:center}.simple-button{background:#000000b3;border:2px solid #ff9900;color:#f90;padding:20px 50px;font-size:24px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;letter-spacing:3px;text-transform:uppercase;border-radius:5px;min-width:200px;box-shadow:0 0 20px #ff990080}.simple-button:hover{background:#ff99004d;box-shadow:0 0 30px #f90c,0 0 60px #f906;transform:scale(1.1);border-color:#fc0;color:#fc0}.scene-container{position:relative;z-index:1}.third-section .sign-behind-left,.third-section .sign-behind-right{z-index:5}.third-section .overlay-image{z-index:1}.fifth-section{position:relative;width:100%;height:100vh;z-index:5;overflow:hidden}.fifth-section .grid-lantern{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fifth-section .sign-behind-left{font-family:Major Mono Display,monospace;font-size:3rem;color:#00fff2;position:absolute;top:50%;left:20%;transform:translate(-50%,-50%) scale(1.2);z-index:5;pointer-events:none;letter-spacing:10px}.fifth-section .sign-behind-right{font-family:Major Mono Display,monospace;font-size:3rem;color:#00fff2;position:absolute;top:50%;left:80%;transform:translate(-50%,-50%) scale(1.2);z-index:5;pointer-events:none;letter-spacing:10px}@media (max-width: 768px){.fifth-section .sign-behind-left,.fifth-section .sign-behind-right{font-size:3.5rem}}.trigger-section:nth-of-type(4){min-height:100vh}.trigger-section{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6rem 10%;width:100%;min-height:100vh;color:#fff;z-index:10}@media (max-width: 768px){.ww{width:100%}.trigger-content-left .loader-wrapper,.trigger-content-right .loader-wrapper{display:none!important}.trigger-section{flex-direction:column!important;padding:1.5rem .8rem!important;gap:1rem!important}.trigger-content-left,.trigger-content-right{width:100%!important;max-width:100%!important;flex:none!important;display:block!important;position:relative!important;z-index:2!important;padding:0!important}.topics-tags-container{background:transparent!important;padding:.5rem 0!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.topic.ms-4,.minor-topic.ms-4,.minor-topic.ms-4 span{margin-left:0!important;padding-left:.3rem!important}.minor-topic{height:6vh!important}.main-topic{margin-bottom:1rem!important}.sign-behind-full{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Major Mono Display,monospace;z-index:6;letter-spacing:4px;text-align:center;width:100%;opacity:.9;pointer-events:none;display:block!important}.about-text{color:#f90;text-shadow:0 0 8px rgba(255,153,0,.5),0 0 15px rgba(255,153,0,.3)}.development-text{color:#00fff2;text-shadow:0 0 8px rgba(0,255,242,.5),0 0 15px rgba(0,255,242,.3);padding:0 .5rem}.sign-behind-left,.sign-behind-right{opacity:0!important;visibility:hidden!important;display:none!important}#about-section .loader-behind,#development-section .loader-behind{display:none!important}.main-topic{font-size:1.4rem!important;margin-bottom:.5rem}.topic{font-size:1.2rem!important;padding:.15rem .3rem!important}.minor-topic{font-size:.95rem!important;line-height:1.3!important;padding:.15rem .3rem!important}.delayed-appear .typewriter-text{font-size:16px!important}.custom-subtext{font-size:.85rem!important;padding:0 .3rem!important;line-height:1.4}.tags-container{flex-wrap:wrap;justify-content:center;gap:.4rem!important;margin-top:1rem!important}.tag{padding:.2rem .4rem!important;font-size:14px!important}.tag i{font-size:1.2rem!important}.custom-subtitle-text{font-size:1.5rem!important;padding:.2rem 1rem!important}.skill-chart-wrapper{width:60px!important;height:60px!important}.percentage-value{font-size:.8rem!important}.skill-chart-item:nth-child(1):after,.skill-chart-item:nth-child(2):after,.skill-chart-item:nth-child(3):after{font-size:.6rem!important;margin-top:.2rem!important}}@media (max-width: 480px){.about-text{font-size:4rem!important;letter-spacing:3px!important}.development-text{font-size:3.8rem!important;letter-spacing:2px!important}.main-topic{font-size:1.2rem!important}.topic{font-size:1rem!important}.minor-topic{font-size:.85rem!important}.custom-title-text{font-size:4.7rem!important;line-height:3.5rem!important;-webkit-text-stroke:1px #ff9900}.custom-subtitle-text{font-size:2rem!important}.custom-subtext{font-size:16px!important}.trigger-section{padding:1rem .5rem!important;justify-content:center}}@media (max-width: 375px){.about-text{font-size:3rem!important;letter-spacing:2px!important}.development-text{font-size:3rem!important;letter-spacing:1px!important}.main-topic{font-size:1.1rem!important}.topic{font-size:.95rem!important}.minor-topic{font-size:.8rem!important}.custom-title-text{font-size:4rem!important}.custom-subtext,.tag{font-size:14px!important}.tags-container{gap:5px!important}}@media (min-width: 769px){.sign-behind-full{display:none!important}.sign-behind-left,.sign-behind-right{opacity:1!important;visibility:visible!important;display:block!important}}.modal-open{position:fixed!important;width:100%!important;height:100%!important;overflow:hidden!important;top:var(--modal-scroll-top)!important}.modal-open body{position:fixed!important;width:100%!important;height:100%!important;overflow:hidden!important}.modal-open *{overflow:hidden!important}.language-switcher{position:fixed;bottom:20px;right:100px;z-index:100}.language-btn{display:flex;align-items:center;gap:8px;background:transparent;border-radius:10%;padding:4px 8px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:Courier New,monospace;transition:all .3s ease;border:none;color:#fff;text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:1px}.language-btn:hover{transform:scale(1.1)}.language-btn:active{transform:translateY(0)}.globe-icon{font-size:1.1rem}.language-code{color:#f90}.language-btn:hover:before{opacity:1}@media (max-width: 768px){body{overflow-x:hidden!important}.language-switcher{max-width:fit-content;bottom:20px;left:20px}.language-btn{padding:6px 10px;font-size:1.3rem}.globe-icon{font-size:1rem}.grid-lantern{display:flex;justify-content:center}.minor-topic{height:4vh;display:flex;align-items:center}.main-topic{height:4vh}.topic{height:4vh;display:flex;align-items:center}.minor-topic span{font-size:15px}.topic span{font-size:larger}.typewriter-text{font-size:16px!important}.scene-placeholder{display:none}.custom-title-text{font-size:7rem}}@media (max-width: 480px){.language-switcher{bottom:24px;left:24px}.language-btn,.contact-btn{padding:4px 8px}.ww{width:100%}.grid-lantern{text-align:center}.scene-placeholder{display:none}}.sign-behind-left .pt-language,.sign-behind-right .pt-language{font-size:5rem!important;letter-spacing:-.5px}.about-text .pt-language-mobile{font-size:3.5rem!important}.about-text .pt-char{font-size:3.2rem!important}.development-text .pt-language-mobile,.development-text .pt-char{font-size:3rem!important}.third-section .sign-behind-left .pt-language,.third-section .sign-behind-right .pt-language,.fifth-section .sign-behind-left .pt-language,.fifth-section .sign-behind-right .pt-language{font-size:4.3rem!important}.custom-header{position:fixed;top:0;width:calc(100vw - 1rem);margin-top:.2rem;background-color:#171d090e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1rem;z-index:9999;border:1px solid rgba(255,255,255,.048);margin-left:.5rem;margin-right:.5rem;padding:.3rem .5rem!important}.logo-text{font-family:Major Mono Display,monospace;font-weight:400;font-size:1.2rem;color:#fff}.nav-link{--btn-default-bg: rgba(23, 29, 9, .055);--btn-padding: 8px 14px;--btn-hover-bg: rgb(22, 29, 27);--btn-transition: .3s;--btn-letter-spacing: .08rem;--btn-animation-duration: 1.2s;--hover-btn-color: #FAC921;--default-btn-color: cyan;--font-size: 13px;--font-weight: bold;--font-family: "Major Mono Display", monospace;border:1px solid cyan;background:var(--btn-default-bg);color:var(--default-btn-color);font:var(--font-weight) var(--font-size) var(--font-family);display:flex;align-items:center;justify-content:center;padding:var(--btn-padding);cursor:pointer;transition:var(--btn-transition);overflow:hidden;border-radius:.8rem 0 .3rem .3rem}.nav-link span{letter-spacing:var(--btn-letter-spacing);transition:var(--btn-transition);position:relative;background:inherit}.nav-link span:before{position:absolute;content:"";background:inherit}.nav-link:hover{background:var(--btn-hover-bg);border:1px solid #FAC921;padding-left:1.5rem;padding-right:1.5rem}.nav-link:hover span,.nav-link:focus span{color:var(--hover-btn-color)}.nav-link:hover span:before{animation:chitchat linear both var(--btn-animation-duration)}.custom-header nav>div{position:relative}.custom-header nav>div:before{content:"";position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:24px;height:2px;background:#0ff;opacity:.6}.custom-header nav>div:first-child:before{display:none}.g4{gap:24px}@keyframes chitchat{0%{content:"#"}5%{content:"."}10%{content:"^{"}15%{content:"-!"}20%{content:"#$_"}25%{content:"№:0"}30%{content:"#{+."}35%{content:"@}-?"}40%{content:"?{4@%"}45%{content:"=.,^!"}50%{content:"?2@%"}55%{content:"\\;1}]"}60%{content:"?{%:%";right:0}65%{content:"|{f[4";right:0}70%{content:"{4%0%";right:0}75%{content:"'1_0<";right:0}80%{content:"{0%";right:0}85%{content:"]>'";right:0}90%{content:"4";right:0}95%{content:"2";right:0}to{content:"";right:0}}@media (max-width: 1199px){.nav-link{--font-size: 11px;--btn-padding: 5px 8px}.custom-header nav>div:before{width:10px;left:-10px}}@media (max-width: 991px){.g4{gap:2rem}.custom-header{width:calc(100vw - 1.5rem);margin-left:.75rem;margin-right:.75rem;padding:.25rem .4rem!important}.logo-text{font-size:0rem}.logo-img{height:40px!important;width:40px!important}.nav-link{--font-size: 9px;--btn-padding: 4px 6px;--btn-letter-spacing: .06rem}.custom-header nav{gap:1.5rem}.custom-header nav>div:before{width:8px;left:-8px;height:1px}.nav-link:hover{padding-left:.8rem;padding-right:.8rem}}@media (max-width: 768px){.custom-header{padding:.2rem .3rem!important;justify-content:center!important}.logo-img{height:60px!important;width:60px!important}.nav-link{--font-size: 11px;--btn-padding: 3.5px 5px}.nav-link{padding-top:.5rem;padding-bottom:.5rem}.custom-header nav{gap:1.2rem}.custom-header nav>div:before{width:6px;left:-6px}}@media (max-width: 576px){.custom-header{width:calc(100vw - 1rem);margin-left:.5rem;margin-right:.5rem;padding:1rem .55rem!important;justify-content:center!important}.logo-img{display:none;height:55px!important;width:55px!important}.nav-link{--font-size: 12px;--btn-padding: 3px 4px;--btn-letter-spacing: .04rem;min-width:50px}.custom-header nav{gap:.8rem}.custom-header nav>div:before{display:none}.nav-link{padding-top:.5rem;padding-bottom:.5rem}.nav-link:hover{padding-left:.6rem;padding-right:.6rem}}@media (max-width: 400px){.custom-header{padding:.1rem .2rem!important}.logo-img{height:30px!important;width:30px!important}.nav-link{--font-size: 9px;--btn-padding: 2.5px 3.5px;min-width:45px}.custom-header nav{gap:.5rem}}@media (max-width: 768px){[data-aos]{animation:none!important;opacity:1!important;transform:none!important}}.navbar-toggler,.mobile-menu,.mobile-menu-overlay,.mobile-menu-content,.mobile-close-btn{display:none!important}.cursor-bar-vertical,.cursor-bar-horizontal{position:fixed;pointer-events:none;z-index:9999;background:#f90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.06s linear}.cursor-bar-vertical{left:0;width:3px;height:40px;transform:translateY(-50%)}.cursor-bar-horizontal{top:0;height:3px;width:40px;transform:translate(-50%)}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#101013;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.splash-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;opacity:.15}.splash-logo-container{position:relative;margin-bottom:3rem;z-index:2}.splash-logo{width:180px;height:180px;filter:drop-shadow(0 0 10px rgba(255,255,255,.1)) drop-shadow(0 0 20px rgba(113,139,138,.05));animation:logoFloat 4s ease-in-out infinite;opacity:.9}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.splash-progress-container{text-align:center;font-family:Courier New,monospace;color:#e0e0e0;z-index:2;background:#121212b3;padding:2rem 2.5rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:450px}.ascii-progress-bar{font-family:Courier New,monospace;font-size:1.6rem;letter-spacing:1px;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;gap:1px}.progress-bracket{color:gray}.progress-fill{color:#f90;text-shadow:0 0 3px #ff990038}.progress-empty{color:#333}.loading-text{font-size:1.1rem;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;gap:8px}.loading-prefix{color:#4caf50}.loading-message{color:#e0e0e0;text-transform:uppercase;letter-spacing:1px;font-weight:300}.loading-cursor{animation:cursorBlink 1s infinite;color:#00fff2}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.percentage-display{font-size:2.5rem;font-weight:300;margin-bottom:2rem;display:flex;justify-content:center;align-items:baseline;gap:4px}.percentage-number{color:#fff;font-family:Courier New,monospace;font-weight:400}.percentage-symbol{color:gray;font-size:1.5rem}.system-details{border-top:1px solid rgba(255,255,255,.05);padding-top:1rem;margin-top:1rem}.system-line{display:flex;justify-content:space-between;font-size:.85rem;padding:.25rem 0;font-family:Courier New,monospace;font-weight:300}.system-label{color:#b0b0b0}.system-status{color:#00fff2;font-weight:400}.splash-screen.fade-out{animation:fadeOut .6s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.progress-animation{transition:all .1s ease}@media (max-width: 768px){.splash-logo{width:140px;height:140px}.splash-progress-container{min-width:85%;padding:1.5rem}.ascii-progress-bar{font-size:1.2rem}.percentage-display,.percentage-number{font-size:2rem}.percentage-symbol{font-size:1.2rem}.loading-text{font-size:1rem}.system-line{font-size:.75rem}}@media (max-width: 480px){.splash-logo{width:120px;height:120px}.splash-progress-container{padding:1.2rem;min-width:90%}.ascii-progress-bar{font-size:1rem}.percentage-display,.percentage-number{font-size:1.8rem}.percentage-symbol{font-size:1rem}}.modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#000000c7,#030303eb);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z);padding:2rem;-webkit-font-smoothing:antialiased}.modal-content{position:relative;width:100%;max-width:var(--modal-max-width);background:linear-gradient(180deg,rgba(10,11,12,.98),var(--panel));border-radius:var(--radius);border:1px solid rgba(255,153,0,.08);box-shadow:0 8px 30px #000000b3,0 0 30px #ff99000a;overflow:hidden;animation:modalPop .36s cubic-bezier(.2,.9,.3,1);transform-origin:center}.modal-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.219) 0px,rgba(255,255,255,.151) 1px,transparent 1px,transparent 3px);opacity:.06;pointer-events:none;z-index:1}.modal-content:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff990005,#0009 60%);pointer-events:none;z-index:1}.modal-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:calc(var(--gutter) * .65) var(--gutter);border-bottom:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#0f0f0fe6,#080808b3)}.modal-title-container{display:flex;align-items:center;gap:.7rem}.modal-title-icon{font-family:Audiowide,sans-serif;color:var(--accent);font-size:1.05rem;line-height:1;text-shadow:0 0 6px rgba(255,153,0,.12);z-index:3;animation:cursorBlink 1s infinite}.modal-title{margin:0;color:var(--text);font-family:Audiowide,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6);z-index:3;white-space:nowrap;overflow:hidden;border-right:2px solid var(--accent);padding-right:.6rem;animation:typing .9s steps(24,end),blink-caret .75s step-end infinite;color:#f90}.modal-close-btn{appearance:none;-webkit-appearance:none;border:none;background:transparent;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:8px;transition:all .18s ease;font-family:Space Grotesk,sans-serif;box-shadow:inset 0 1px #ffffff05}.modal-close-btn:hover{color:var(--accent);transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(255,153,0,.2))}.modal-body{position:relative;z-index:2;padding:var(--gutter);background:#050a19e6;max-height:64vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#001428f2,#001e3ce6,#001428f2);background-image:linear-gradient(rgba(0,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.03) 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 40px #0064ff1a,inset 0 0 0 1px #0096ff26}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#0d0d0d}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9d008a,#ff7700b7);border-radius:10px;border:2px solid #0d0d0d}.modal-body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px #ff8c1a}.contact-list{display:flex;flex-direction:column;gap:.75rem}.contact-item:hover{transform:translateY(-4px);background:#00fff208;box-shadow:0 8px 24px #0009,0 0 16px #00c3ff0f;border-color:#00ffff0f}.contact-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--cyan),rgb(5,123,170));opacity:0;transition:opacity .18s ease,width .18s ease}.contact-item:hover:before{opacity:1;width:6px}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:8px;background:#ffffff05;color:var(--muted);font-size:2.15rem;box-shadow:inset 0 1px #ffffff05;transition:all .18s ease}.contact-item:hover .contact-icon{color:var(--accent);background:#00eeff08;filter:drop-shadow(0 0 8px rgba(0,225,255,.08))}.contact-info{flex:1;min-width:0}.contact-label{font-family:Audiowide,sans-serif;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.18rem}.contact-value{font-family:Courier New,monospace;color:#8feeee8e;font-size:.95rem;word-break:break-all}.contact-actions{display:flex;gap:.5rem;align-items:center}.action-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.03);background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}.action-btn:hover{color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 18px #0009,0 0 10px #ff99000f}.modal-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem var(--gutter);border-top:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#08080899,#0c0c0c99);font-family:Courier New,monospace;font-size:.8rem;color:var(--muted)}.modal-instruction{color:#8feeee8e}.status-text{color:#08d308}.status-indicator{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0;animation:pulse 2s infinite;margin-right:.5rem;display:inline-block}.contact-item{display:flex;align-items:center;gap:1rem;padding:.85rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02);transition:transform .18s ease,box-shadow .18s ease,background .18s ease;cursor:pointer;position:relative;overflow:hidden}.contact-bg-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0;font-size:3rem;color:#00fff20d;filter:blur(.5px)}.contact-item:hover .contact-bg-icon{opacity:1}.contact-icon,.contact-info,.contact-actions{position:relative;z-index:1}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:8px;background:#ffffff05;color:var(--muted);box-shadow:inset 0 1px #ffffff05;transition:all .18s ease}@media (max-width: 768px){.contact-bg-icon{font-size:2.5rem}}@media (max-width: 768px){.modal-content{max-width:96%;width:96%;border-radius:10px}.modal-body{padding:1rem;max-height:56vh}.modal-title{font-size:.95rem;animation:none;border-right:none;padding-right:0}.contact-icon{width:40px;height:40px}.action-btn{width:32px;height:32px}.contact-item{padding:.75rem;gap:.75rem}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent)}}.location-overlay{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#000000c7,#030303eb);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z);padding:2rem;-webkit-font-smoothing:antialiased}.location-content{position:relative;width:100%;max-width:var(--modal-max-width);background:linear-gradient(180deg,rgba(10,11,12,.98),var(--panel));border-radius:var(--radius);border:1px solid rgba(0,150,255,.08);box-shadow:0 8px 30px #000000b3,0 0 30px #0096ff0a;overflow:hidden;animation:modalPop .36s cubic-bezier(.2,.9,.3,1);transform-origin:center}.location-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.219) 0px,rgba(255,255,255,.151) 1px,transparent 1px,transparent 3px);opacity:.06;pointer-events:none;z-index:1}.location-content:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0096ff05,#0009 60%);pointer-events:none;z-index:1}.location-content .modal-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:calc(var(--gutter) * .65) var(--gutter);border-bottom:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#0f0f0fe6,#080808b3)}.location-content .modal-title-container{display:flex;align-items:center;gap:.7rem}.location-content .modal-title-icon{font-family:Audiowide,sans-serif;color:var(--accent);font-size:1.05rem;line-height:1;text-shadow:0 0 6px rgba(255,153,0,.12);z-index:3;animation:cursorBlink 1s infinite}.location-content .modal-title{margin:0;font-family:Audiowide,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6);z-index:3;white-space:nowrap;overflow:hidden;border-right:2px solid #00bfff;padding-right:.6rem;animation:typing .9s steps(24,end) forwards,blink-caret .75s step-end infinite;color:#f90;display:inline-block;width:0}.location-content .modal-close-btn{appearance:none;-webkit-appearance:none;border:none;background:transparent;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:8px;transition:all .18s ease;font-family:Space Grotesk,sans-serif;box-shadow:inset 0 1px #ffffff05}.location-content .modal-close-btn:hover{color:#f90;transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(0,191,255,.2))}.location-body{position:relative;z-index:2;padding:var(--gutter);max-height:64vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#001428f2,#001e3ce6,#001428f2);background-image:linear-gradient(rgba(0,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.03) 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 40px #0064ff1a,inset 0 0 0 1px #0096ff26}.location-body::-webkit-scrollbar{width:10px}.location-body::-webkit-scrollbar-track{background:#0d0d0d}.location-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00bfff8c,#0077ffb8);border-radius:10px;border:2px solid #0d0d0d}.location-body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px #00bfff}.location-line{margin-bottom:.75rem;padding:.75rem;text-align:center;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02);font-family:Courier New,monospace}.location-text{font-family:Courier New,monospace;font-size:1rem;color:var(--cyan);text-shadow:0 0 8px rgba(0,255,242,.3);letter-spacing:.5px}.map-container{width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(0,150,255,.15);background-color:#00000031;transition:transform .18s ease,box-shadow .18s ease}.map-container:hover{border-color:#00ffff40;box-shadow:0 0 20px #00c3ff1a}.map-location-image{width:100%;height:300px;object-fit:cover;display:block;filter:brightness(.85) contrast(1.1) saturate(1.1);transition:filter .18s ease}.map-container:hover .map-location-image{filter:brightness(.9) contrast(1.15) saturate(1.15)}.location-content .modal-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem var(--gutter);border-top:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#08080899,#0c0c0c99);font-family:Courier New,monospace;font-size:.8rem;color:var(--muted)}.location-content .modal-instruction{color:#8feeee8e}.location-content .status-text{color:#08d308}.location-content .status-indicator{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0;animation:pulse 2s infinite;margin-right:.5rem;display:inline-block}@media (max-width: 768px){.location-content{max-width:96%;width:96%;border-radius:10px}.location-body{padding:1rem;max-height:56vh}.location-content .modal-title{font-size:.95rem;animation:none!important;border-right:none;padding-right:0;width:auto!important;overflow:visible!important;white-space:normal!important}.map-location-image{height:250px}.map-container{height:auto}.location-text{font-size:.95rem}.location-content .modal-close-btn{width:32px;height:32px}}@media (max-width: 480px){.map-location-image{height:200px}.location-text{font-size:.9rem}.location-overlay{padding:1rem}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#00bfff}}.about-overlay{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#000000c7,#030303eb);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z);padding:2rem;-webkit-font-smoothing:antialiased}.about-content{position:relative;width:100%;max-width:var(--modal-max-width);background:linear-gradient(180deg,rgba(10,11,12,.98),var(--panel));border-radius:var(--radius);border:1px solid rgba(255,153,0,.08);box-shadow:0 8px 30px #000000b3,0 0 30px #ff99000a;overflow:hidden;animation:modalPop .36s cubic-bezier(.2,.9,.3,1);transform-origin:center}.about-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.219) 0px,rgba(255,255,255,.151) 1px,transparent 1px,transparent 3px);opacity:.06;pointer-events:none;z-index:1}.about-content:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff990005,#0009 60%);pointer-events:none;z-index:1}.about-content .modal-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:calc(var(--gutter) * .65) var(--gutter);border-bottom:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#0f0f0fe6,#080808b3)}.about-content .modal-title{margin:0;font-family:Audiowide,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6);z-index:3;white-space:nowrap;overflow:hidden;border-right:2px solid var(--accent);padding-right:.6rem;animation:typing .9s steps(24,end) forwards,blink-caret .75s step-end infinite;color:var(--accent);display:inline-block;width:0}.about-content .modal-close-btn{appearance:none;-webkit-appearance:none;border:none;background:transparent;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:8px;transition:all .18s ease;font-family:Space Grotesk,sans-serif;box-shadow:inset 0 1px #ffffff05}.about-content .modal-close-btn:hover{color:var(--accent);transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(255,153,0,.2))}.about-body{position:relative;z-index:2;padding:var(--gutter);max-height:64vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#001428f2,#001e3ce6,#001428f2);background-image:linear-gradient(rgba(0,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.03) 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 40px #0064ff1a,inset 0 0 0 1px #0096ff26}.about-body::-webkit-scrollbar{width:10px}.about-body::-webkit-scrollbar-track{background:#0d0d0d}.about-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9d008a,#ff7700b7);border-radius:10px;border:2px solid #0d0d0d}.about-body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px #ff8c1a}.about-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.about-item{display:flex;align-items:center;gap:1rem;padding:.85rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02);transition:transform .18s ease,box-shadow .18s ease,background .18s ease;cursor:default;position:relative;overflow:hidden}.about-item:hover{transform:translateY(-2px);background:#00fff208;box-shadow:0 8px 24px #0009,0 0 16px #00c3ff0f;border-color:#00ffff0f}.about-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--cyan),rgb(5,123,170));opacity:0;transition:opacity .18s ease,width .18s ease}.about-item:hover:before{opacity:1;width:6px}.about-bg-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0;font-size:3rem;color:#00fff20d;filter:blur(.5px)}.about-item:hover .about-bg-icon{opacity:1}.about-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:8px;background:#ffffff05;color:var(--muted);box-shadow:inset 0 1px #ffffff05;transition:all .18s ease;position:relative;z-index:1}.about-item:hover .about-icon{color:var(--accent);background:#00eeff08;filter:drop-shadow(0 0 8px rgba(0,225,255,.08))}.about-info{flex:1;min-width:0;position:relative;z-index:1}.about-label{font-family:Audiowide,sans-serif;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.18rem}.about-value{font-family:Courier New,monospace;color:#8feeee8e;font-size:.95rem;word-break:break-all;margin-bottom:.1rem}.about-description{font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--muted);font-style:italic}.skills-section{margin-top:1rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.section-title h3{margin:0;font-family:Audiowide,sans-serif;font-size:.9rem;color:var(--text);text-transform:uppercase;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.skill-category h4{margin:0 0 .5rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.skill-list{display:flex;flex-wrap:wrap;gap:.4rem}.about-content .modal-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem var(--gutter);border-top:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#08080899,#0c0c0c99);font-family:Courier New,monospace;font-size:.8rem;color:var(--muted)}.about-content .modal-instruction{color:#8feeee8e}.about-content .status-text{color:#08d308}.about-content .status-indicator{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0;animation:pulse 2s infinite;margin-right:.5rem;display:inline-block}@media (max-width: 768px){.about-content{max-width:96%;width:96%;border-radius:10px}.about-body{padding:1rem;max-height:56vh}.about-content .modal-title{font-size:.95rem;animation:none!important;border-right:none;padding-right:0;width:auto!important;overflow:visible!important;white-space:normal!important}.about-icon{width:40px;height:40px}.about-item{padding:.75rem;gap:.75rem}.skills-grid{grid-template-columns:1fr}.about-bg-icon{font-size:2.5rem}}@media (max-width: 480px){.about-overlay{padding:1rem}}.proficiency-overlay{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#000000c7,#030303eb);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z);padding:2rem;-webkit-font-smoothing:antialiased}.proficiency-content{position:relative;width:100%;max-width:var(--modal-max-width);background:linear-gradient(180deg,rgba(10,11,12,.98),var(--panel));border-radius:var(--radius);border:1px solid rgba(255,153,0,.08);box-shadow:0 8px 30px #000000b3,0 0 30px #ff99000a;overflow:hidden;animation:modalPop .36s cubic-bezier(.2,.9,.3,1);transform-origin:center}.proficiency-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.219) 0px,rgba(255,255,255,.151) 1px,transparent 1px,transparent 3px);opacity:.06;pointer-events:none;z-index:1}.proficiency-content:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff990005,#0009 60%);pointer-events:none;z-index:1}.proficiency-content .modal-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:calc(var(--gutter) * .65) var(--gutter);border-bottom:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#0f0f0fe6,#080808b3)}.proficiency-content .modal-title{margin:0;font-family:Audiowide,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6);z-index:3;white-space:nowrap;overflow:hidden;border-right:2px solid var(--accent);padding-right:.6rem;animation:typing .9s steps(24,end) forwards,blink-caret .75s step-end infinite;color:var(--accent);display:inline-block;width:0}.proficiency-content .modal-close-btn{appearance:none;-webkit-appearance:none;border:none;background:transparent;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:8px;transition:all .18s ease;font-family:Space Grotesk,sans-serif;box-shadow:inset 0 1px #ffffff05}.proficiency-content .modal-close-btn:hover{color:var(--accent);transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(255,153,0,.2))}.proficiency-body{position:relative;z-index:2;padding:var(--gutter);max-height:64vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#001428f2,#001e3ce6,#001428f2);background-image:linear-gradient(rgba(0,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.03) 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 40px #0064ff1a,inset 0 0 0 1px #0096ff26}.proficiency-body::-webkit-scrollbar{width:10px}.proficiency-body::-webkit-scrollbar-track{background:#0d0d0d}.proficiency-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9d008a,#ff7700b7);border-radius:10px;border:2px solid #0d0d0d}.proficiency-body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px #ff8c1a}.proficiency-legend{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.legend-item{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.85rem}.legend-block{font-size:1.2rem;line-height:1}.legend-block.filled{color:var(--accent);text-shadow:0 0 6px rgba(255,153,0,.5)}.legend-block.empty{color:#ffffff4d}.legend-text{color:var(--text)}.proficiency-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.proficiency-item{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02);transition:transform .18s ease,box-shadow .18s ease}.proficiency-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0009,0 0 16px #00c3ff0f;border-color:#00ffff0f}.proficiency-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.tech-name{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.95rem;color:var(--text);min-width:140px}.tech-icon{color:var(--accent);font-family:Audiowide,sans-serif;font-size:.9rem}.proficiency-bar{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:1rem;letter-spacing:1px;background:#0000004d;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.bar-percentage{color:var(--accent);font-weight:700;font-size:.85rem;min-width:40px;text-align:right}.tech-details{display:flex;align-items:center;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.tech-color{width:12px;height:12px;border-radius:2px;display:inline-block;box-shadow:0 0 4px #00000080}.tech-description{font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--muted);font-style:italic}.proficiency-summary{margin-top:1rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.summary-title{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-bottom:1rem}.summary-icon{font-family:Audiowide,sans-serif;color:var(--accent);font-size:1rem;text-shadow:0 0 6px rgba(255,153,0,.12)}.summary-title h3{margin:0;font-family:Audiowide,sans-serif;font-size:.9rem;color:var(--text);text-transform:uppercase;letter-spacing:1px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.stat-item{padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .18s ease}.stat-item:hover{background:#0006;border-color:#f903}.stat-value{font-family:Audiowide,sans-serif;font-size:1.5rem;color:var(--accent);margin-bottom:.25rem;text-shadow:0 0 8px rgba(255,153,0,.3)}.stat-label{font-family:Courier New,monospace;font-size:.7rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.proficiency-content .modal-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem var(--gutter);border-top:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#08080899,#0c0c0c99);font-family:Courier New,monospace;font-size:.8rem;color:var(--muted)}.proficiency-content .modal-instruction{color:#8feeee8e}.proficiency-content .status-text{color:#08d308}.proficiency-content .status-indicator{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0;animation:pulse 2s infinite;margin-right:.5rem;display:inline-block}@media (max-width: 768px){.bar-percentage{display:none}.proficiency-content{max-width:96%;width:96%;border-radius:10px}.proficiency-body{padding:1rem;max-height:56vh}.proficiency-content .modal-title{font-size:.95rem;animation:none!important;border-right:none;padding-right:0;width:auto!important;overflow:visible!important;white-space:normal!important}.proficiency-info{flex-direction:column;align-items:flex-start;gap:.75rem}.proficiency-bar{width:100%;justify-content:space-between}.summary-stats{grid-template-columns:1fr;gap:.75rem}.tech-name{min-width:auto}}@media (max-width: 480px){.proficiency-overlay{padding:1rem}.proficiency-legend{flex-direction:column;gap:.5rem}.bar-percentage{min-width:35px}}.course-overlay{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#000000c7,#030303eb);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z);padding:2rem;-webkit-font-smoothing:antialiased}.course-content{position:relative;width:100%;max-width:var(--modal-max-width);background:linear-gradient(180deg,rgba(10,11,12,.98),var(--panel));border-radius:var(--radius);border:1px solid rgba(255,153,0,.08);box-shadow:0 8px 30px #000000b3,0 0 30px #ff99000a;overflow:hidden;animation:modalPop .36s cubic-bezier(.2,.9,.3,1);transform-origin:center}.course-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.219) 0px,rgba(255,255,255,.151) 1px,transparent 1px,transparent 3px);opacity:.06;pointer-events:none;z-index:1}.course-content:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff990005,#0009 60%);pointer-events:none;z-index:1}.course-content .modal-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:calc(var(--gutter) * .65) var(--gutter);border-bottom:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#0f0f0fe6,#080808b3)}.course-content .modal-title{margin:0;font-family:Audiowide,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6);z-index:3;white-space:nowrap;overflow:hidden;border-right:2px solid var(--accent);padding-right:.6rem;animation:typing .9s steps(24,end) forwards,blink-caret .75s step-end infinite;color:var(--accent);display:inline-block;width:0}.course-content .modal-close-btn{appearance:none;-webkit-appearance:none;border:none;background:transparent;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:8px;transition:all .18s ease;font-family:Space Grotesk,sans-serif;box-shadow:inset 0 1px #ffffff05}.course-content .modal-close-btn:hover{color:var(--accent);transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(255,153,0,.2))}.course-body{position:relative;z-index:2;padding:var(--gutter);max-height:64vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#001428f2,#001e3ce6,#001428f2);background-image:linear-gradient(rgba(0,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.03) 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 40px #0064ff1a,inset 0 0 0 1px #0096ff26}.course-body::-webkit-scrollbar{width:10px}.course-body::-webkit-scrollbar-track{background:#0d0d0d}.course-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9d008a,#ff7700b7);border-radius:10px;border:2px solid #0d0d0d}.course-body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px #ff8c1a}.course-main-info{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.course-icon-title{display:flex;align-items:center;gap:1rem}.course-main-icon{color:var(--accent);filter:drop-shadow(0 0 6px rgba(255,153,0,.3))}.course-title{display:flex;flex-direction:column;gap:.25rem}.course-name{margin:0;font-family:Audiowide,sans-serif;font-size:1.1rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.course-institution{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.85rem;color:#8feeee8e}.course-status{display:flex;align-items:center}.course-progress-section{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.course-details{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.course-description{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.course-content .modal-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem var(--gutter);border-top:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#08080899,#0c0c0c99);font-family:Courier New,monospace;font-size:.8rem;color:var(--muted)}.course-content .modal-instruction{color:#8feeee8e}.course-content .status-text{color:#08d308}.course-content .status-indicator{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0;animation:pulse 2s infinite;margin-right:.5rem;display:inline-block}@media (max-width: 768px){.course-content{max-width:96%;width:96%;border-radius:10px}.course-body{padding:1rem;max-height:56vh}.course-content .modal-title{font-size:.95rem;animation:none!important;border-right:none;padding-right:0;width:auto!important;overflow:visible!important;white-space:normal!important}.course-main-info{flex-direction:column;align-items:flex-start;gap:.75rem}.details-grid{grid-template-columns:1fr}.progress-bar{font-size:1rem;padding:.4rem .6rem}.bar-percentage{min-width:40px}}@media (max-width: 480px){.course-overlay{padding:1rem}.course-main-info{padding:.75rem}.progress-bar{font-size:.9rem;letter-spacing:.5px}.skill-tags{gap:.3rem}.skill-tag{font-size:.65rem;padding:.2rem .4rem}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #0f0}50%{opacity:.6;box-shadow:0 0 12px #0f0,0 0 20px #0f0}}:root{--bg: #0b0e10;--panel: rgba(27,27,27,.95);--accent: #ff9900;--accent-2: #ff7700;--cyan: #00fff2;--muted: #666;--text: #e6e6e6;--glass: rgba(255,255,255,.03);--modal-max-width: 620px;--gutter: 1.25rem;--radius: 14px;--z: 10000}.college-overlay{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#000000c7,#030303eb);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z);padding:2rem;-webkit-font-smoothing:antialiased}.college-content{position:relative;width:100%;max-width:var(--modal-max-width);background:linear-gradient(180deg,rgba(10,11,12,.98),var(--panel));border-radius:var(--radius);border:1px solid rgba(255,153,0,.08);box-shadow:0 8px 30px #000000b3,0 0 30px #ff99000a;overflow:hidden;animation:modalPop .36s cubic-bezier(.2,.9,.3,1);transform-origin:center}.college-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.219) 0px,rgba(255,255,255,.151) 1px,transparent 1px,transparent 3px);opacity:.06;pointer-events:none;z-index:1}.college-content:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff990005,#0009 60%);pointer-events:none;z-index:1}.college-content .modal-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:calc(var(--gutter) * .65) var(--gutter);border-bottom:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#0f0f0fe6,#080808b3)}.college-content .modal-title{margin:0;font-family:Audiowide,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6);z-index:3;white-space:nowrap;overflow:hidden;border-right:2px solid var(--accent);padding-right:.6rem;animation:typing .9s steps(24,end) forwards,blink-caret .75s step-end infinite;color:var(--accent);display:inline-block;width:0}.college-content .modal-close-btn{appearance:none;-webkit-appearance:none;border:none;background:transparent;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:8px;transition:all .18s ease;font-family:Space Grotesk,sans-serif;box-shadow:inset 0 1px #ffffff05}.college-content .modal-close-btn:hover{color:var(--accent);transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(255,153,0,.2))}.college-body{position:relative;z-index:2;padding:var(--gutter);max-height:64vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#001428f2,#001e3ce6,#001428f2);background-image:linear-gradient(rgba(0,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.03) 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 40px #0064ff1a,inset 0 0 0 1px #0096ff26}.college-body::-webkit-scrollbar{width:10px}.college-body::-webkit-scrollbar-track{background:#0d0d0d}.college-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9d008a,#ff7700b7);border-radius:10px;border:2px solid #0d0d0d}.college-body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px #ff8c1a}.college-main-info{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.college-icon-title{display:flex;align-items:center;gap:1rem}.college-main-icon{color:var(--accent);filter:drop-shadow(0 0 6px rgba(255,153,0,.3))}.college-title{display:flex;flex-direction:column;gap:.25rem}.college-name{margin:0;font-family:Audiowide,sans-serif;font-size:1.1rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.college-institution{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.85rem;color:#8feeee8e}.college-status{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:6px;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.in-progress{background:#ff99001a;border:1px solid rgba(255,153,0,.3);color:var(--accent);text-shadow:0 0 8px rgba(255,153,0,.3)}.college-progress-section{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.progress-bar{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:1.2rem;letter-spacing:1px;background:#0000004d;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.05);margin-bottom:.5rem}.bar-percentage{color:var(--accent);font-weight:700;font-size:.9rem;min-width:50px;text-align:right}.progress-description{font-family:Space Grotesk,sans-serif;font-size:.85rem;color:var(--muted);font-style:italic;text-align:center}.college-details{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.details-title{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}.details-icon{font-family:Audiowide,sans-serif;color:var(--accent);font-size:1rem;text-shadow:0 0 6px rgba(255,153,0,.12)}.details-title h4{margin:0;font-family:Audiowide,sans-serif;font-size:.9rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .18s ease}.detail-item:hover{background:#0006;border-color:#f903}.detail-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#ffffff05;color:var(--muted)}.detail-info{flex:1}.detail-label{font-family:Audiowide,sans-serif;font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.1rem}.detail-value{font-family:Courier New,monospace;font-size:.9rem;color:#8feeee8e}.college-description{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.description-title{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}.description-icon{font-family:Audiowide,sans-serif;color:var(--accent);font-size:1rem;text-shadow:0 0 6px rgba(255,153,0,.12)}.description-title h4{margin:0;font-family:Audiowide,sans-serif;font-size:.9rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.description-text{margin:0;font-family:Space Grotesk,sans-serif;font-size:.85rem;color:var(--text);line-height:1.5}.skills-acquired{padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.skills-title{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}.skills-icon{font-family:Audiowide,sans-serif;color:var(--accent);font-size:1rem;text-shadow:0 0 6px rgba(255,153,0,.12)}.skills-title h4{margin:0;font-family:Audiowide,sans-serif;font-size:.9rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.skills-list{display:flex;flex-direction:column;gap:1rem}.skill-category h5{margin:0 0 .5rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tag{display:inline-block;padding:.25rem .5rem;background:#00fff20d;border:1px solid rgba(0,255,255,.1);border-radius:4px;font-family:Courier New,monospace;font-size:.7rem;color:var(--cyan);transition:all .16s ease}.skill-tag:hover{background:#00fff21a;border-color:#00ffff4d;transform:translateY(-2px)}.college-content .modal-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem var(--gutter);border-top:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#08080899,#0c0c0c99);font-family:Courier New,monospace;font-size:.8rem;color:var(--muted)}.college-content .modal-instruction{color:#8feeee8e}.college-content .status-text{color:#08d308}.college-content .status-indicator{width:8px;height:8px;border-radius:50%;background:#f90;box-shadow:0 0 8px #f90;animation:pulse 2s infinite;margin-right:.5rem;display:inline-block}@media (max-width: 768px){.college-content{max-width:96%;width:96%;border-radius:10px}.college-body{padding:1rem;max-height:56vh}.college-content .modal-title{font-size:.95rem;animation:none!important;border-right:none;padding-right:0;width:auto!important;overflow:visible!important;white-space:normal!important}.college-main-info{flex-direction:column;align-items:flex-start;gap:.75rem}.details-grid{grid-template-columns:1fr}.progress-bar{font-size:1rem;padding:.4rem .6rem}.bar-percentage{min-width:45px}}@media (max-width: 480px){.college-overlay{padding:1rem}.college-main-info{padding:.75rem}.progress-bar{font-size:.9rem;letter-spacing:.5px}.skill-tags{gap:.3rem}.skill-tag{font-size:.65rem;padding:.2rem .4rem}}.status-badge.in-development{background:#ff990026;border:1px solid rgba(255,153,0,.4);color:var(--accent);text-shadow:0 0 8px rgba(255,153,0,.3)}.project-description,.project-technologies,.project-features,.project-links{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.link-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);text-decoration:none;transition:all .18s ease;color:var(--text);font-family:Courier New,monospace;font-size:.85rem}.link-item:hover{background:#0006;transform:translateY(-2px);text-decoration:none}.link-item.github:hover{border-color:#ffffff4d;color:#fff}.link-item.demo:hover{border-color:#00ffff4d;color:var(--cyan)}.link-item.docs:hover{border-color:#ff99004d;color:var(--accent)}.link-item svg{font-size:1.1rem}.project-content .status-indicator{width:8px;height:8px;border-radius:50%;background:#f90;box-shadow:0 0 8px #f90;animation:pulse 2s infinite;margin-right:.5rem;display:inline-block}@media (max-width: 768px){.project-content{max-width:96%;width:96%;border-radius:10px}.project-body{padding:1rem;max-height:65vh}.project-content .modal-title{font-size:.95rem;animation:none!important;border-right:none;padding-right:0;width:auto!important;overflow:visible!important;white-space:normal!important}.project-name{font-size:1.5rem}.technologies-grid{grid-template-columns:repeat(2,1fr)}.links-grid{grid-template-columns:1fr}.progress-bar{font-size:1rem;padding:.4rem .6rem}}@media (max-width: 480px){.project-overlay{padding:1rem}.technologies-grid{grid-template-columns:1fr}.project-name{font-size:1.3rem}.progress-bar{font-size:.9rem;letter-spacing:.5px}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #f90}50%{opacity:.6;box-shadow:0 0 12px #f90,0 0 20px #f90}}.status-badge.completed{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.3)}.project-video{margin-bottom:1.5rem}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-caption{text-align:center;margin-top:.5rem;font-family:Courier New,monospace;font-size:.85rem;color:var(--muted);font-style:italic}.project-progress{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-header h4{margin:0;font-family:Audiowide,sans-serif;font-size:.9rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.progress-label{font-family:Courier New,monospace;font-size:.85rem;color:var(--accent);font-weight:700}.progress-bar{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:1px;background:#0000004d;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.bar-filled{color:var(--accent);text-shadow:0 0 8px rgba(255,153,0,.5)}.bar-empty{color:#fff3}.bar-percentage{color:var(--accent);font-weight:700;font-size:.9rem;min-width:45px;text-align:right}.project-description,.project-metrics,.project-technologies,.project-features,.project-recommendations,.project-availability{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.metric-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .18s ease}.metric-item:hover{background:#0006;border-color:#0ff3;transform:translateY(-2px)}.metric-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#00fff20d;color:var(--cyan);font-size:1.2rem}.metric-info{flex:1}.metric-name{font-family:Courier New,monospace;font-size:.85rem;color:var(--text);margin-bottom:.1rem}.metric-unit{font-family:Space Grotesk,sans-serif;font-size:.7rem;color:var(--muted)}.recommendation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.recommendation-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .18s ease}.recommendation-item:hover{background:#0006;border-color:#0f03;transform:translateY(-2px)}.rec-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#00ff000d}.rec-content{flex:1}.rec-title{font-family:Courier New,monospace;font-size:.85rem;color:var(--text);margin-bottom:.1rem}.rec-desc{font-family:Space Grotesk,sans-serif;font-size:.7rem;color:var(--muted)}.availability-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.availability-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .18s ease}.availability-item:hover{background:#0006;border-color:#f903}.availability-label{font-family:Audiowide,sans-serif;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.availability-value{font-family:Courier New,monospace;font-size:.85rem;color:#8feeee8e;font-weight:700}.availability-note{font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--muted);text-align:center;font-style:italic;padding:.5rem;background:#0003;border-radius:4px;border:1px solid rgba(255,255,255,.02)}.project-content .status-indicator{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0;animation:pulse 2s infinite;margin-right:.5rem;display:inline-block}:root{--bg: #0b0e10;--panel: rgba(27,27,27,.95);--accent: #ff9900;--accent-2: #ff7700;--cyan: #00fff2;--muted: #666;--text: #e6e6e6;--glass: rgba(255,255,255,.03);--modal-max-width: 800px;--gutter: 1.25rem;--radius: 14px;--z: 10000}.project-overlay{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#000000c7,#030303eb);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:var(--z);padding:2rem;-webkit-font-smoothing:antialiased}.project-content{position:relative;width:100%;max-width:var(--modal-max-width);background:linear-gradient(180deg,rgba(10,11,12,.98),var(--panel));border-radius:var(--radius);border:1px solid rgba(255,153,0,.08);box-shadow:0 8px 30px #000000b3,0 0 30px #ff99000a;overflow:hidden;animation:modalPop .36s cubic-bezier(.2,.9,.3,1);transform-origin:center}.project-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.219) 0px,rgba(255,255,255,.151) 1px,transparent 1px,transparent 3px);opacity:.06;pointer-events:none;z-index:1}.project-content:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ff990005,#0009 60%);pointer-events:none;z-index:1}.project-content .modal-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:calc(var(--gutter) * .65) var(--gutter);border-bottom:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#0f0f0fe6,#080808b3)}.project-content .modal-title{margin:0;font-family:Audiowide,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6);z-index:3;white-space:nowrap;overflow:hidden;border-right:2px solid var(--accent);padding-right:.6rem;animation:typing .9s steps(24,end) forwards,blink-caret .75s step-end infinite;color:var(--accent);display:inline-block;width:0}.project-content .modal-close-btn{appearance:none;-webkit-appearance:none;border:none;background:transparent;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:8px;transition:all .18s ease;font-family:Space Grotesk,sans-serif;box-shadow:inset 0 1px #ffffff05}.project-content .modal-close-btn:hover{color:var(--accent);transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(255,153,0,.2))}.project-body{position:relative;z-index:2;padding:var(--gutter);max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#001428f2,#001e3ce6,#001428f2);background-image:linear-gradient(rgba(0,100,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.03) 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 40px #0064ff1a,inset 0 0 0 1px #0096ff26}.project-body::-webkit-scrollbar{width:10px}.project-body::-webkit-scrollbar-track{background:#0d0d0d}.project-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9d008a,#ff7700b7);border-radius:10px;border:2px solid #0d0d0d}.project-body::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px #ff8c1a}.project-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.project-name{margin:0 0 .5rem;font-family:Audiowide,sans-serif;font-size:1.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,153,0,.3)}.project-tagline{font-family:Space Grotesk,sans-serif;font-size:1rem;color:var(--cyan);margin-bottom:1rem;font-style:italic}.project-status{display:inline-block}.status-badge{display:inline-block;padding:.4rem 1rem;border-radius:6px;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:#00ff0026;border:1px solid rgba(0,255,0,.4);color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.3)}.project-illustration{margin-bottom:1.5rem}.illustration-container{position:relative;width:100%;padding:1.5rem;background:#0a0f1999;border-radius:8px;border:1px solid rgba(0,150,255,.2);overflow:hidden}.simplex-visual{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.simplex-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,153,0,.2);transition:all .3s ease}.simplex-step:hover{transform:translateY(-3px);box-shadow:0 5px 15px #ff99001a}.step-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;font-family:Audiowide,sans-serif;font-weight:700;border-radius:50%;font-size:1.2rem}.step-text{font-family:Space Grotesk,sans-serif;font-size:.85rem;color:var(--text);text-align:center;line-height:1.3}.simplex-arrow{color:var(--cyan);font-size:1.5rem;font-weight:700;padding:0 .5rem;opacity:.7}.illustration-caption{text-align:center;margin-top:.75rem;font-family:Courier New,monospace;font-size:.85rem;color:var(--muted);font-style:italic}.project-description,.project-optimization,.project-technologies,.project-features{margin-bottom:1.5rem;padding:1rem;background:#131313ce;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.section-title{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}.section-icon{font-family:Audiowide,sans-serif;color:var(--accent);font-size:1rem;text-shadow:0 0 6px rgba(255,153,0,.12)}.section-title h4{margin:0;font-family:Audiowide,sans-serif;font-size:.9rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.description-text{margin:0;font-family:Space Grotesk,sans-serif;font-size:.9rem;color:var(--text);line-height:1.6}.optimization-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.optimization-item{padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .18s ease}.optimization-item:hover{background:#0006;border-color:#0f03;transform:translateY(-2px)}.optimization-constraint{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.85rem;color:var(--cyan);margin-bottom:.5rem}.constraint-icon{color:var(--accent);font-weight:700}.optimization-result{text-align:right}.result-badge{display:inline-block;padding:.3rem .6rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:4px;font-family:Space Grotesk,sans-serif;font-size:.8rem;color:#0f0}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.tech-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:all .18s ease}.tech-item:hover{background:#0006;border-color:#f903;transform:translateY(-2px)}.tech-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:#ffffff05;color:var(--muted);font-size:1.2rem}.tech-info{flex:1}.tech-name{font-family:Courier New,monospace;font-size:.85rem;color:var(--cyan);margin-bottom:.1rem}.tech-purpose{font-family:Space Grotesk,sans-serif;font-size:.7rem;color:var(--muted)}.features-list{display:flex;flex-direction:column;gap:.5rem}.feature-item{display:flex;align-items:flex-start;gap:.5rem}.feature-bullet{color:var(--accent);font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;flex-shrink:0}.feature-text{font-family:Space Grotesk,sans-serif;font-size:.85rem;color:var(--text);line-height:1.4}.project-content .modal-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem var(--gutter);border-top:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#08080899,#0c0c0c99);font-family:Courier New,monospace;font-size:.8rem;color:var(--muted)}.project-content .modal-instruction{color:#8feeee8e}.project-content .status-text{color:#08d308}.project-content .status-indicator{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0;animation:pulseGreen 2s infinite;margin-right:.5rem;display:inline-block}@media (max-width: 768px){.project-content{max-width:96%;width:96%;border-radius:10px}.project-body{padding:1rem;max-height:65vh}.project-content .modal-title{font-size:.95rem;animation:none!important;border-right:none;padding-right:0;width:auto!important;overflow:visible!important;white-space:normal!important}.project-name{font-size:1.5rem}.simplex-visual{flex-direction:column;gap:1rem}.simplex-arrow{transform:rotate(90deg);padding:.5rem 0}.technologies-grid{grid-template-columns:repeat(2,1fr)}.optimization-grid{grid-template-columns:1fr}}@media (max-width: 480px){.project-overlay{padding:1rem}.technologies-grid{grid-template-columns:1fr}.project-name{font-size:1.3rem}.simplex-step{padding:.75rem}}@keyframes pulseGreen{0%,to{opacity:1;box-shadow:0 0 8px #0f0}50%{opacity:.6;box-shadow:0 0 12px #0f0,0 0 20px #0f0}}@keyframes modalPop{0%{transform:translateY(8px) scale(.985);opacity:0}60%{transform:translateY(-6px) scale(1.02);opacity:.98}to{transform:translateY(0) scale(1);opacity:1}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--cyan)}}