@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 5px var(--accent-primary)}50%{box-shadow:0 0 20px var(--accent-primary),0 0 10px var(--accent-secondary)}to{box-shadow:0 0 5px var(--accent-primary)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideUp .8s ease-out forwards}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.hero-section{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(circle at center,#1a1a1a,#000)}.hero-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}h1.glitch-text{font-size:4rem;font-weight:900;color:var(--text-primary);text-shadow:0 0 10px rgba(0,243,255,.5);margin-bottom:.5rem;letter-spacing:5px}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);font-weight:300;max-width:600px;margin-bottom:2rem}.hero-cta{display:flex;gap:1.5rem}.btn-primary,.btn-secondary{padding:1rem 2rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;border-radius:4px;text-decoration:none;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.btn-primary{background:var(--accent-primary);color:#000;box-shadow:0 0 15px #00f3ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #00f3ff99;background:#fff}.btn-secondary{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-secondary:hover{background:#00f3ff1a;box-shadow:0 0 15px #00f3ff33}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--text-secondary);font-family:var(--font-display);font-size:.8rem;opacity:.7}.scroll-indicator .arrow{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent-primary),transparent);margin-top:10px}@media(max-width:768px){h1.glitch-text{font-size:2.5rem}.hero-subtitle{font-size:1.2rem;padding:0 1rem}.hero-cta{flex-direction:column;gap:1rem}}.about-section{padding:8rem 2rem;background-color:var(--bg-dark);position:relative}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem;color:var(--accent-primary);text-shadow:0 0 10px rgba(0,243,255,.3)}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;max-width:1000px;margin:0 auto;align-items:center}.about-card{background:#141414cc;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.profile-image-container{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.profile-initials{font-family:var(--font-display);font-size:5rem;font-weight:900;color:var(--accent-primary);text-shadow:0 0 20px rgba(0,243,255,.5);letter-spacing:-5px}.bio-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.bio-card p{color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--accent-secondary);font-family:var(--font-display)}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}}.experience-section{padding:8rem 2rem;background-color:var(--bg-card);position:relative}.timeline{position:relative;max-width:1000px;margin:0 auto}.timeline:after{content:"";position:absolute;width:2px;background-color:var(--accent-secondary);top:0;bottom:0;left:50%;margin-left:-1px;box-shadow:0 0 15px var(--accent-secondary)}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%;box-sizing:border-box}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;right:-10px;background-color:var(--bg-dark);border:4px solid var(--accent-primary);top:15px;border-radius:50%;z-index:1;box-shadow:0 0 10px var(--accent-primary);transition:transform .3s ease}.timeline-item:hover:after{transform:scale(1.5);background-color:var(--accent-primary)}.left{left:0}.right{left:50%}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid white;border-width:10px 0 10px 10px;border-color:transparent transparent transparent rgba(255,255,255,.1)}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent rgba(255,255,255,.1) transparent transparent}.right:after{left:-10px}.timeline-content{padding:20px 30px;background-color:#ffffff08;position:relative;border-radius:6px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease}.timeline-content:hover{transform:translateY(-5px);background-color:#ffffff12;border-color:var(--accent-primary)}.date{color:var(--accent-secondary);font-family:var(--font-display);font-size:.9rem;margin-bottom:.5rem;display:block}.timeline-content h3{margin-top:0;color:var(--text-primary)}.timeline-content h4{margin-bottom:1rem;color:var(--text-secondary);font-weight:400}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:before{left:60px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent rgba(255,255,255,.1) transparent transparent}.left:after,.right:after{left:21px}.right{left:0%}}.portfolio-section{padding:8rem 2rem;background-color:var(--bg-dark)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.project-card{background:var(--bg-card);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);position:relative}.project-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000080,0 0 15px #00f3ff33;border-color:var(--accent-primary)}.project-image{height:200px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-family:var(--font-display);letter-spacing:2px;position:relative;overflow:hidden}.project-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8))}.project-info{padding:1.5rem}.project-info h3{margin-bottom:.5rem;color:var(--text-primary)}.project-role{display:block;font-size:.8rem;color:var(--accent-secondary);text-transform:uppercase;margin-bottom:1rem;font-weight:600}.project-info p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tags span{background:#ffffff0d;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.contact-section{padding:8rem 2rem 2rem;background-color:var(--bg-dark);text-align:center;position:relative;overflow:hidden}.contact-section:before{content:"";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:50px 50px;opacity:.5;z-index:0;pointer-events:none}.contact-content{position:relative;z-index:1;max-width:600px;margin:0 auto 4rem}.contact-content p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem}.action-buttons{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.contact-btn{display:inline-block;padding:1.2rem 3rem;background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary);font-family:var(--font-display);font-weight:700;font-size:1rem;text-decoration:none;position:relative;overflow:hidden;transition:all .3s ease;min-width:200px}.contact-btn:hover{background:var(--accent-primary);color:#000;box-shadow:0 0 30px #00f3ff66}.secondary-btn{border-color:var(--accent-secondary);color:var(--accent-secondary)}.secondary-btn:hover{background:var(--accent-secondary);box-shadow:0 0 30px #7000ff66}body,a,button,.cursor-interactive{cursor:none}#game-cursor{position:fixed;top:0;left:0;width:20px;height:20px;pointer-events:none;z-index:100000;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s,background-color .2s}.cursor-crosshair{width:100%;height:100%;border:2px solid var(--accent-primary, #00f3ff);border-radius:50%;position:relative;box-shadow:0 0 5px var(--accent-primary, #00f3ff);transition:all .1s ease-out}.cursor-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background-color:var(--accent-primary, #00f3ff);border-radius:50%;transform:translate(-50%,-50%)}body.hovering #game-cursor .cursor-crosshair{transform:scale(1.5) rotate(45deg);border-color:var(--accent-secondary, #7000ff);box-shadow:0 0 10px var(--accent-secondary, #7000ff);border-radius:4px}body.hovering #game-cursor .cursor-dot{background-color:var(--accent-secondary, #7000ff)}body.clicking #game-cursor .cursor-crosshair{transform:scale(.8)}@media(hover:none)and (pointer:coarse){#game-cursor{display:none}body{cursor:auto}a,button,.cursor-interactive{cursor:pointer}}#boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;color:#0f0;font-family:Courier New,Courier,monospace;z-index:99999;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.boot-text{font-size:14px;line-height:1.5;margin-bottom:5px;opacity:.8}.boot-progress-container{width:100%;margin-top:20px;border:1px solid #0f0;height:20px;padding:2px}.boot-progress-bar{height:100%;background-color:#0f0;width:0%;transition:width .1s linear}#achievement-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#000000e6;border:1px solid var(--accent-primary, #00f3ff);color:#fff;padding:15px 25px;display:flex;align-items:center;gap:15px;z-index:10000;border-radius:50px;box-shadow:0 0 20px #00f3ff4d;overflow:hidden;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}#achievement-toast.visible{transform:translate(-50%) translateY(0);animation:toast-pulse 2s infinite ease-in-out}@keyframes toast-pulse{0%{box-shadow:0 0 20px #00f3ff4d}50%{box-shadow:0 0 40px #00f3ff99,0 0 10px #00f3ffcc inset}to{box-shadow:0 0 20px #00f3ff4d}}.confetti-particle{position:fixed;width:8px;height:8px;background-color:#fff;pointer-events:none;z-index:10001;border-radius:50%}.achievement-icon{width:40px;height:40px;background:var(--accent-primary, #00f3ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#000;font-weight:700}.achievement-text-container{display:flex;flex-direction:column}.achievement-title{font-family:var(--font-display, sans-serif);font-size:10px;text-transform:uppercase;color:var(--accent-primary, #00f3ff);letter-spacing:1px}.achievement-name{font-weight:700;font-size:16px}body.cheat-mode{--accent-primary: #0f0 !important;--accent-secondary: #00ff00 !important}body.cheat-mode .cursor-dot{background-color:#0f0!important}body.cheat-mode .cursor-crosshair{border-color:#0f0!important;box-shadow:0 0 10px #0f0!important}.locked-section{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(8px) grayscale(80%);opacity:.5;transition:all .5s ease-out}.locked-section:after{content:"🔒 ENCRYPTED DATA - COMPLETE OBJECTIVE TO UNLOCK";position:absolute;top:20%;left:50%;transform:translate(-50%);color:#f05;font-family:var(--font-display, monospace);font-size:1.5rem;font-weight:700;background:#000c;padding:1rem 2rem;border:2px solid #ff0055;white-space:nowrap;z-index:50;pointer-events:all}.unlocked-section{filter:blur(0) grayscale(0);opacity:1;pointer-events:all;-webkit-user-select:text;user-select:text;animation:unlock-flash .5s ease-out}@keyframes unlock-flash{0%{filter:brightness(2) blur(4px)}to{filter:brightness(1) blur(0)}}#objective-hud{position:fixed;top:20px;right:20px;background:#000000d9;border:1px solid var(--accent-primary, #00f3ff);box-shadow:0 0 10px #00f3ff33;padding:15px;width:320px;z-index:9990;opacity:0;transform:translate(100%);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1);font-family:Courier New,monospace;display:flex;align-items:center;gap:15px}#objective-hud.visible{opacity:1;transform:translate(0)}#objective-hud.highlight-pulse{animation:hud-shimmer 2s infinite}@keyframes hud-shimmer{0%{box-shadow:0 0 10px #00f3ff33;border-color:#00f3ff}50%{box-shadow:0 0 30px #00f3ff99;border-color:#fff}to{box-shadow:0 0 10px #00f3ff33;border-color:#00f3ff}}.hud-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-primary, #00f3ff)}.hud-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 5px var(--accent-primary, #00f3ff))}.hud-content{flex:1;display:flex;flex-direction:column}.hud-title{color:var(--accent-primary, #00f3ff);font-size:11px;text-transform:uppercase;margin-bottom:2px;letter-spacing:1px;opacity:.8}.hud-objective{font-weight:700;font-size:13px;color:#fff;margin-bottom:4px;line-height:1.3}.hud-status{font-size:10px;color:#fa0;text-transform:uppercase;letter-spacing:.5px}.hud-status.completed{color:#0f0}#game-terminal{position:fixed;top:0;left:0;width:100%;height:50vh;background-color:#0a0a0ff2;border-bottom:2px solid var(--accent-primary, #00f3ff);color:#0f0;font-family:Courier New,monospace;z-index:10001;transform:translateY(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding:20px;box-shadow:0 10px 30px #00000080}#game-terminal.open{transform:translateY(0)}.terminal-output{flex:1;overflow-y:auto;margin-bottom:15px;white-space:pre-wrap;font-size:14px;line-height:1.4;color:#ccc;scrollbar-width:thin;scrollbar-color:#333 transparent}.terminal-line{margin-bottom:4px}.terminal-line.success{color:#0f0}.terminal-line.error{color:red}.terminal-line.system{color:#0ff}.terminal-input-area{display:flex;align-items:center;background:#0000004d;padding:10px;border:1px solid #333}.terminal-prompt{color:#0f0;margin-right:10px;font-weight:700}#terminal-input{flex:1;background:transparent;border:none;color:#fff;font-family:Courier New,monospace;font-size:16px;outline:none}#game-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10002;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}#game-modal.active{opacity:1;pointer-events:all}.game-container{background:#000;border:2px solid var(--accent-primary, #00f3ff);box-shadow:0 0 20px var(--accent-primary, #00f3ff);padding:20px;border-radius:8px;position:relative;text-align:center}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--accent-primary, #00f3ff);font-family:var(--font-display, sans-serif);text-transform:uppercase}.game-score{font-size:20px;font-weight:700}.game-close-btn{background:transparent;border:1px solid #ff0055;color:#f05;font-family:monospace;padding:2px 8px;cursor:pointer;font-size:12px}.game-close-btn:hover{background:#f05;color:#fff}canvas.game-canvas{background-color:#111;border:1px solid #333;display:block;margin:0 auto}.game-controls-hint{margin-top:10px;color:#666;font-size:12px;font-family:monospace}:root{--glitch-offset-1: 2px;--glitch-offset-2: -2px}.glitch-text-effect{position:relative;display:inline-block;color:#fff}.glitch-text-effect:before,.glitch-text-effect:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;display:none}.glitch-text-effect:before{color:#0ff;z-index:-1}.glitch-text-effect:after{color:#f0f;z-index:-2}.glitch-text-effect:hover:before{display:block;animation:glitch-anim-1 .4s infinite linear alternate-reverse}.glitch-text-effect:hover:after{display:block;animation:glitch-anim-2 .4s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-2px)}to{clip-path:inset(30% 0 40% 0);transform:translate(2px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px)}20%{clip-path:inset(80% 0 5% 0);transform:translate(-2px)}40%{clip-path:inset(30% 0 20% 0);transform:translate(2px)}60%{clip-path:inset(10% 0 80% 0);transform:translate(-2px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(2px)}to{clip-path:inset(70% 0 10% 0);transform:translate(-2px)}}