@import url('https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap');:root{--primary-color:#0ff;--secondary-color:#f0f;--text-color:#fff;--background-color:#0a0a0f;--azure:#007fff;--card-background:rgba(20,20,30,1.0);--card-accent:rgba(13,13,20,1.0);--neon-glow:0 0 10px rgba(0,255,255,0.5),0 0 20px rgba(0,255,255,0.3),0 0 30px rgba(0,255,255,0.1)}*{margin:0;padding:0;box-sizing:border-box}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:0% 100%}100%{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-5px) translateX(2px)}100%{transform:translateY(0) translateX(0)}}@keyframes swirl{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes glow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes crt-effect{0%{transform:translateY(0px)}100%{transform:translateY(-4px)}}body{font-family:"Courier New",monospace;line-height:1.6;color:var(--text-color);background-color:var(--background-color);background-image:linear-gradient(45deg,#0a0a0f 0%,#1a1a4f 100%);background-size:800% 400%;animation:gradientBG 15s ease infinite;padding:2rem 1rem;min-height:100vh;position:relative;overflow-x:hidden}.container{max-width:800px;margin:0 auto;position:relative;z-index:1}header{text-align:center;justify-content:center;margin-bottom:1.5rem}.profile-img-div{width:150px;height:150px;border-radius:50%;margin-bottom:1rem;border:3px solid var(--primary-color);box-shadow:var(--neon-glow);overflow:hidden;display:inline-block;background:conic-gradient(var(--azure),var(--secondary-color),var(--azure));animation:swirl 10s linear infinite}.profile-img{width:100%;height:100%;object-fit:cover}.profile-img[alt]{visibility:hidden}h1{color:var(--primary-color);margin-bottom:0.5rem;font-size:2.5rem;text-shadow:var(--neon-glow)}.bio{max-width:600px;margin:0 auto 2rem;color:var(--text-color);text-shadow:0 0 5px rgba(255,255,255,0.3);animation:float 6s ease-in-out infinite}.section{margin-bottom:3rem}.section-title{color:var(--secondary-color);margin-bottom:1.5rem;font-size:1.8rem;text-shadow:0 0 10px rgba(255,0,255,0.5)}.card-grid{display:flex;gap:1.5rem;align-items:flex-start}.card-column{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:220px}.placeholder{display:block;text-align:center;font-family:"Tilt Neon",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.no-sign{color:black}.vacancy{color:var(--primary-color);text-shadow:var(--neon-glow)}.card{display:inline-block;width:100%;background:var(--card-background);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,0.3);transition:all 0.3s ease;border:1px solid rgba(0,255,255,0.1);backdrop-filter:blur(5px);overflow:hidden}.card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 12px rgba(0,0,0,0.4);border-color:var(--primary-color)}.card h3{color:var(--primary-color);margin-bottom:0.5rem}.card p{color:#ccc;margin-bottom:1rem}.project-card{position:relative;padding:0;text-decoration:none;color:inherit;border-radius:16px;background:linear-gradient(145deg,#161433,#1f1e3f);box-shadow:0 0 18px rgba(0,255,204,0.35),0 0 30px rgba(255,0,119,0.2) inset;border:1px solid rgba(255,0,119,0.45);break-inside:avoid}.project-card::before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,0,119,0.18),transparent 62%);opacity:0.55;z-index:0}.project-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 0 25px rgba(0,255,204,0.5),0 0 40px rgba(255,0,119,0.35) inset}.project-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.card-screen{position:relative;padding:16px;border-radius:14px;background:rgba(0,0,0,0.8);overflow:hidden;z-index:1}.card-screen::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(rgba(255,255,255,0.03) 0px,rgba(255,255,255,0.03) 2px,transparent 2px,transparent 4px);pointer-events:none}.card-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,255,204,0.1),transparent 45%);pointer-events:none}.card-display{position:relative;height:140px;border-radius:10px;border:1px solid rgba(0,255,204,0.2);background:rgba(6,12,24,0.9);overflow:hidden;contain:paint;margin-bottom:14px}.curio-stage{position:absolute;top:0;left:0;pointer-events:none;z-index:2}.card-body{position:relative;z-index:2}.card-link{margin-top:12px;text-align:center;font-weight:500;color:var(--secondary-color);text-shadow:0 0 5px rgba(255,0,255,0.4);background-color:rgba(10,10,20,0.85);border-radius:6px;padding:4px 0}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.social-links a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all 0.2s ease}.social-links a:hover{color:var(--secondary-color);text-shadow:0 0 10px var(--secondary-color)}footer{text-align:center;margin-top:4rem;color:#666;text-shadow:0 0 5px rgba(102,102,102,0.3)}@media (max-width:768px){.card{backdrop-filter:none}.card-display{overflow:visible;contain:none}.project-card::before,.card-screen::before,.card-screen::after{display:block}h1{font-size:2rem}.section-title{font-size:1.5rem}.card-grid{flex-direction:column}.card-column{width:100%}}