:root{--yellow: #fcee0a;--blue: #00f0ff;--pink: #ff003c;--bg: #0a0a0b;--phosphor: rgba(0, 240, 255, .15);--glitch-speed: .2s;--cyber-red: #ff003c;--cyber-blue: #00f0ff;--cyber-yellow: #fcee0a;--space-unit: clamp(1rem, 2vw, 2.5rem);--font-h1: clamp(1.8rem, 8vw, 5rem);--font-h2: clamp(1.3rem, 4vw, 2.2rem);--container-width: 1400px;--safe-area-inset: 20px}*{margin:0;padding:0;box-sizing:border-box;cursor:crosshair}body{background-color:var(--bg);color:var(--yellow);font-family:JetBrains Mono,monospace;overflow-x:hidden;min-height:100dvh;text-transform:uppercase;line-height:1.5}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.4) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 2px);opacity:.8}.noise-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;opacity:.04;pointer-events:none;filter:contrast(150%) brightness(100%)}main{position:relative;padding:var(--safe-area-inset);max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-unit);z-index:10;grid-template-areas:"header" "sidebar" "content"}header{grid-area:header;border-bottom:4px solid var(--yellow);padding-bottom:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:20px;position:relative}@media(min-width:1024px){main{padding:40px;grid-template-columns:1fr 350px;grid-template-areas:"header header" "content sidebar";gap:40px}header{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:40px}}@media(max-width:1023px){.content,.sidebar-column{display:contents}main{grid-template-areas:"header" "biometrics" "experience" "status" "uplinks"}header{grid-area:header}.system-status-aside{grid-area:status}#biometrics{grid-area:biometrics}#experience{grid-area:experience}.sidebar-uplinks{grid-area:uplinks}}@media(min-width:1024px){main{padding:40px;grid-template-columns:1fr 350px;grid-template-areas:"header header" "content sidebar";gap:40px}header{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.content{grid-area:content;display:flex;flex-direction:column}.sidebar-column{grid-area:sidebar}}.glitch-wrapper{position:relative}h1{font-family:Orbitron,sans-serif;font-size:var(--font-h1);font-weight:900;line-height:.9;letter-spacing:-2px;position:relative;word-break:break-all;overflow-wrap:break-word}.header-subtitle{color:var(--blue);letter-spacing:2px;font-size:.8rem}@media(min-width:768px){.header-subtitle{letter-spacing:5px}}h1:before,h1:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}h1:before{color:var(--blue);z-index:-1;animation:glitch-anim 2s infinite linear alternate-reverse}h1:after{color:var(--pink);z-index:-2;animation:glitch-anim 3s infinite linear alternate-reverse;left:2px}.relic-warning-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;align-items:flex-start;filter:drop-shadow(0 0 30px rgba(255,0,60,.4))}.access-granted-alert{color:var(--blue);font-family:Orbitron,sans-serif;font-weight:900;font-size:.8rem;letter-spacing:2px;text-shadow:0 0 10px var(--blue);margin-bottom:5px}.warning-bg-torn{position:relative;display:flex;flex-direction:column;gap:10px}.warning-content-top{display:flex;align-items:center;gap:20px}.warning-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--pink)}.warning-banner{background:#8b0000;padding:8px 40px 8px 20px;clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}.warning-title{color:#e29090;font-size:1.6rem;font-weight:900;font-family:Orbitron,sans-serif;letter-spacing:2px;white-space:nowrap}.warning-metadata{color:var(--pink);font-size:.65rem;font-family:JetBrains Mono,monospace;font-weight:500;line-height:1.2;padding-left:20px}@media(max-width:600px){.relic-warning-container{width:95vw;max-width:340px;padding:0 10px}.warning-content-top{flex-direction:column;gap:15px;align-items:center;width:100%}.warning-icon-wrapper{width:50px;height:50px}.warning-icon-wrapper svg{width:50px;height:50px}.warning-banner{padding:10px 15px;clip-path:polygon(0 0,100% 0,98% 100%,0 100%);width:100%;text-align:center}.warning-title{font-size:clamp(1.1rem,5vw,1.4rem);letter-spacing:1px;white-space:normal;word-break:break-word;display:block;line-height:1.2}.warning-metadata{font-size:.6rem;padding-left:0;text-align:center;width:100%;margin-top:5px}}section{margin-bottom:60px}.section-tag{background:var(--yellow);color:var(--bg);display:inline-block;padding:2px 10px;font-size:clamp(.45rem,1.9vw,.8rem);font-weight:900;margin-bottom:20px;max-width:100%;overflow-wrap:break-word}.bio-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.bio-grid{grid-template-columns:repeat(2,1fr)}}.spec-box{border:1px solid rgba(252,238,10,.3);padding:20px;position:relative;background:#fcee0a05;transition:all .3s ease}.spec-box:hover{background:var(--phosphor);border-color:var(--blue)}.spec-box h3{color:var(--blue);font-size:.9rem;margin-bottom:10px}.spec-box p{font-size:1.2rem;color:#eee;word-break:break-word;overflow-wrap:break-word}.tech-list{display:flex;flex-wrap:wrap;gap:15px}.tech-item{padding:10px 20px;border:1px solid var(--yellow);position:relative;overflow:hidden;background:transparent}.tech-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(252,238,10,.2),transparent);transition:.5s}.tech-item:hover:before{left:100%}.log-entry{border-left:2px solid var(--yellow);padding-left:30px;margin-bottom:40px;position:relative}.log-entry:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;background:var(--yellow)}.log-date{color:var(--blue);font-size:.8rem}.experience-list{color:#aaa;margin-top:10px;list-style-type:"_ ";padding-left:20px}.experience-list li{margin-bottom:5px}.experience-desc{color:#aaa;margin-top:10px}.log-title{font-size:1.8rem;margin:5px 0;font-family:Orbitron,sans-serif}.system-status-aside{border:1px solid var(--phosphor);padding:20px;background:#00000080;height:fit-content}.status-bar{height:4px;background:#222;margin:10px 0 20px;position:relative}.status-fill{height:100%;background:var(--blue);width:85%;box-shadow:0 0 10px var(--blue)}.data-stream{font-size:.7rem;color:#00f0ff80;line-height:1.4;height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}@keyframes glitch-anim{0%{clip-path:inset(80% 0 1% 0);transform:translate(-5px,-5px)}20%{clip-path:inset(20% 0 50% 0);transform:translate(5px,5px)}40%{clip-path:inset(50% 0 20% 0);transform:translate(-5px,5px)}60%{clip-path:inset(10% 0 80% 0);transform:translate(5px,-5px)}80%{clip-path:inset(40% 0 40% 0);transform:translate(-5px,-5px)}to{clip-path:inset(80% 0 1% 0);transform:translate(5px,5px)}}@keyframes flicker{0%{opacity:.8}5%{opacity:.1}10%{opacity:.9}15%{opacity:.2}20%{opacity:.8}to{opacity:1}}@keyframes relic-glitch{0%{transform:translate(0)}10%{transform:translate(-5px,5px);filter:hue-rotate(90deg)}20%{transform:translate(5px,-5px)}30%{transform:translate(-10px)}40%{transform:translate(0);filter:invert(1)}50%{transform:scale(1.05)}to{transform:translate(0)}}.glitching{animation:relic-glitch .4s infinite!important}.corner-accent{position:absolute;width:20px;height:20px;border:2px solid var(--yellow)}.top-left{top:-5px;left:-5px;border-right:none;border-bottom:none}.bottom-right{bottom:-5px;right:-5px;border-left:none;border-top:none}#relic-svg-filters{position:absolute;width:0;height:0;visibility:hidden}.sidebar-column{display:flex;flex-direction:column;gap:20px}.error-display{border:1px solid var(--pink);padding:10px;font-size:.7rem;color:var(--pink);margin-top:20px}.sidebar-uplinks .uplink-grid{display:flex;flex-direction:column;gap:15px;margin-top:25px}.sidebar-uplinks .connect-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background:#00f0ff0d;border:1px solid var(--blue);color:var(--blue);text-decoration:none;font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:2px;font-size:.8rem;transition:all .3s ease;position:relative;overflow:hidden}.sidebar-uplinks .connect-btn:hover{background:var(--blue);color:var(--bg);box-shadow:0 0 20px var(--blue)}.sidebar-uplinks .connect-btn svg{margin-right:12px;flex-shrink:0}@media(max-width:768px){.sidebar-uplinks .connect-btn{min-height:50px;font-size:.9rem}.tech-item{min-height:44px;display:flex;align-items:center;justify-content:center}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}.glitching{animation:none!important;filter:none!important}}@media(max-width:1024px){.crt-overlay{opacity:.4}.noise-canvas{opacity:.02}}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.connect-btn:active,.tech-item:active,.spec-box:active{transform:scale(.98);filter:brightness(1.2)}
