:root{--screen-bg: #0d1321;--text-color: #8da9c4;--glow-color: #3e5c76;--rust-color: #4a3b32;--body-bg: #050505;--card-bg: rgba(0, 0, 0, .6);--header-bg: #1d2a49}body{margin:0;padding:0;background-color:var(--body-bg);color:var(--text-color);text-shadow:0 0 4px rgba(141,169,196,.6);font-family:Courier New,Courier,monospace;display:flex;justify-content:center;align-items:center;min-height:100vh}.light-mode{--body-bg: #dccbb5;--screen-bg: #fdf6e3;--text-color: #58181f;--glow-color: #7b1e2a;--rust-color: #5d4037;--card-bg: rgba(230, 200, 170, .5);--header-bg: #7b1e2a}.monitor-bezel{width:95vw;height:90vh;max-width:1000px;max-height:900px;border-radius:25px/50vh;padding:15px;position:relative}.monitor-screen{width:100%;height:100%;background:radial-gradient(circle at -25% -25%,rgba(255,255,255,.1),transparent 40%),radial-gradient(circle at 90% 85%,rgba(255,255,255,.03),transparent 30%),var(--screen-bg);border-radius:25px/50vh;position:relative;overflow:hidden;box-shadow:inset 0 0 120px #000c;border:2px solid rgba(255,255,255,.05)}.lang-toggle{position:absolute;top:-5px;left:0;background:transparent;color:var(--text-color);text-shadow:0 0 5px var(--glow-color),0 0 15px var(--glow-color);font-family:Arial Black,Impact,sans-serif;font-size:1.3rem;letter-spacing:2px;border:none;cursor:pointer}.right-side{left:auto;right:50px}.crt-distortion{width:100%;height:100%;filter:url(#monitor-warp)}.content-wrapper{position:relative;z-index:2;padding:20px;display:flex;flex-direction:column;gap:20px;height:100%;width:100%;overflow-y:auto;scroll-behavior:smooth}.top-nav{position:relative;display:flex;justify-content:center;gap:20px;border-bottom:1px solid var(--glow-color);padding-bottom:15px;margin-bottom:10px;font-size:1.3rem}.nav-link{color:var(--text-color);text-decoration:none;font-weight:700;text-transform:uppercase}.nav-link:hover{text-shadow:0 0 8px var(--glow-color)}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0 50%,#0000001a 50%);background-size:100% 4px;animation:scanline-scroll 30s linear infinite;pointer-events:none;z-index:1}@keyframes scanline-scroll{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes corner-wave{0%{transform:scale(0);opacity:.3}to{transform:scale(6);opacity:0}}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:10px;padding:20px}.profile-img{width:200px;height:200px;object-fit:cover;border:2px solid var(--glow-color);border-radius:15px;box-shadow:0 0 20px #8da9c433;filter:grayscale(100%) contrast(120%) brightness(90%);transition:all .5s ease}.profile-img:hover{filter:grayscale(0%) contrast(100%) brightness(100%);box-shadow:0 0 30px var(--glow-color)}.bio-section h1{font-size:2rem;margin-bottom:5px;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px var(--glow-color)}.bio-section h2{font-size:1.2rem;color:var(--glow-color);margin-top:0;margin-bottom:5px;font-family:monospace;letter-spacing:2px}.bio-section p{max-width:600px;line-height:1.2;opacity:.8;min-height:4em}.social-links{display:flex;justify-content:center;gap:30px;margin-top:20px;position:relative;z-index:5}.social-btn{text-decoration:none;background:transparent;border:none;font-size:2.5rem;color:var(--text-color);opacity:.8;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-btn:hover{color:var(--glow-color);text-shadow:0 0 15px var(--glow-color);transform:scale(1.2) translateY(-5px);opacity:1}.tooltip-label{font-size:1rem;font-family:monospace;position:absolute;top:100%;width:max-content;opacity:0;visibility:hidden;background:var(--glow-color);color:#000;padding:3px;border-radius:3px;margin-top:10px;transition:all .3s ease;pointer-events:none}.social-btn:hover .tooltip-label{opacity:1;visibility:visible;margin-top:15px}.project-card{background:var(--card-bg);border:1px solid var(--glow-color);border-radius:8px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:20px;overflow:visible;color:var(--text-color);box-shadow:0 0 10px #00000080;transition:all .3s ease;width:100%;max-width:700px;height:30vh;max-height:350px;min-height:100px;margin-top:5%;position:relative;animation:signal-glitch .3s linear both}.project-card:before,.project-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border:1px solid var(--glow-color);box-shadow:inherit;opacity:0;z-index:2}.project-card:before{animation:tear-glitch .3s linear both;opacity:1}.project-card:after{animation:tear-glitch .3s linear reverse both;opacity:1}.project-card:hover{box-shadow:0 0 20px var(--glow-color);transform:translateY(-5px);border-color:#fff}.project-card h3{margin-top:0;color:#fff;text-transform:uppercase;letter-spacing:2px}.project-card small{display:block;margin-top:15px;color:var(--glow-color);font-family:monospace;font-size:.8rem}.card-image{position:absolute;top:-60px;left:-54px;width:104px;height:120px;background-color:var(--header-bg);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;animation:shape-glitch .3s linear both;z-index:7}.card-image img{width:100%;height:100%;object-fit:cover;display:block;animation:shape-glitch .3s linear both}.card-content{margin-left:10px;position:relative;z-index:6;display:flex;flex-direction:column;justify-content:center;height:100%;animation:shape-glitch .3s linear both}.card-content h3{background:var(--header-bg);clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%);position:absolute;left:5px;top:-40px;padding-left:20px;height:40px;width:fit-content;padding-right:50px;display:flex;align-items:center;justify-content:center;margin:0;color:#fff;font-size:1.1rem;white-space:nowrap;z-index:6}.nav-arrow{background:transparent;border:none;color:var(--text-color);font-size:3rem;cursor:pointer;text-shadow:0 0 15px var(--glow-color);transition:all .2s ease;animation:arrow-float 3s infinite ease-in-out}.nav-arrow:last-child{animation-delay:-1.5s}.nav-arrow:hover{transform:scale(1.2);text-shadow:0 0 20px var(--glow-color);animation-play-state:paused}.project-navigation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%}@keyframes hologram-swipe{0%{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes signal-glitch{0%{opacity:0;transform:translate(-10px) skew(10deg)}20%{opacity:1;transform:translate(5px) skew(-10deg);box-shadow:-2px 0 red,2px 0 #00f}40%{transform:translate(-5px) skew(5deg);box-shadow:2px 0 red,-2px 0 #00f}60%{transform:translate(3px) skew(-2deg);box-shadow:-1px 0 #0f0,1px 0 #f0f}80%{transform:translate(0);box-shadow:none}to{opacity:1;transform:none;box-shadow:none}}@keyframes tear-glitch{0%{clip-path:inset(20% 0 80% 0);transform:translate(-5px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(5px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-5px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(5px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-5px)}to{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}}@keyframes shape-glitch{0%{transform:translate(0);filter:none}20%{transform:translate(-2px);filter:drop-shadow(2px 0 0 red) drop-shadow(-2px 0 0 blue)}40%{transform:translate(2px);filter:drop-shadow(-2px 0 0 red) drop-shadow(2px 0 0 blue)}60%{transform:translate(-1px);filter:drop-shadow(1px 0 0 green) drop-shadow(-1px 0 0 purple)}to{transform:translate(0);filter:none}}@keyframes arrow-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.articles-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-color)}.warning-icon{font-size:5rem;color:var(--glow-color);margin-bottom:20px;filter:drop-shadow(0 0 10px var(--glow-color))}.articles-title{font-size:2rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;margin-bottom:10px;text-shadow:0 0 5px var(--glow-color)}.terminal-text{font-family:Courier New,Courier,monospace;font-size:1.2rem;opacity:.8;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}