*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--deep-grey: #303030;--silver: #C0C0C0;--silver-glow: rgba(192, 192, 192, .3);--silver-bright: rgba(192, 192, 192, .8)}body{font-family:Space Grotesk,sans-serif;background-color:var(--black);color:var(--silver);line-height:1.6;overflow-x:hidden}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 80%,rgba(75,54,54,.29) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(131,76,76,0) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(135,70,70,.458) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite alternate;overflow:hidden}.background-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(240,234,234,.987),transparent),radial-gradient(1px 1px at 40px 70px,rgb(245,237,237),transparent),radial-gradient(1px 1px at 90px 40px,rgba(222,213,213,.583),transparent),radial-gradient(2px 2px at 130px 80px,rgb(241,229,229),transparent),radial-gradient(1px 1px at 160px 30px,rgba(244,236,236,.988),transparent);background-repeat:repeat;background-size:200px 100px;animation:drift 120s linear infinite}.background-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(3px 3px at 60px 20px,rgb(242,235,235),transparent),radial-gradient(2px 2px at 100px 60px,rgba(240,227,227,.947),transparent),radial-gradient(1px 1px at 180px 90px,rgb(248,237,237),transparent);background-repeat:repeat;background-size:250px 150px;animation:drift 180s linear infinite reverse}@keyframes pulse{0%{opacity:.6;filter:brightness(.8)}to{opacity:1;filter:brightness(1.2)}}@keyframes drift{0%{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(-50px) translateY(-30px) rotate(.5deg)}50%{transform:translate(-100px) translateY(0) rotate(1deg)}75%{transform:translate(-150px) translateY(30px) rotate(.5deg)}to{transform:translate(-200px) translateY(0) rotate(0)}}.background-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 200px 50px at 15% 25%,rgba(192,192,192,.03) 0%,transparent 70%),radial-gradient(ellipse 150px 40px at 25% 35%,rgba(192,192,192,.02) 0%,transparent 60%),radial-gradient(ellipse 180px 45px at 35% 45%,rgba(192,192,192,.025) 0%,transparent 65%),radial-gradient(2px 2px at 20px 30px,rgba(192,192,192,.4),transparent),radial-gradient(1px 1px at 40px 70px,rgba(192,192,192,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(192,192,192,.25),transparent);background-repeat:repeat;background-size:400px 200px,350px 180px,380px 190px,200px 100px,180px 90px,220px 110px;animation:smokeWisp 45s ease-in-out infinite,drift 120s linear infinite}@keyframes smokeWisp{0%,to{transform:translateY(0) scale(1);opacity:.8}25%{transform:translateY(-20px) scale(1.1);opacity:.6}50%{transform:translateY(-10px) scale(.9);opacity:.9}75%{transform:translateY(-30px) scale(1.05);opacity:.7}}.background-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,rgba(192,192,192,.02) 49%,rgba(192,192,192,.04) 50%,rgba(192,192,192,.02) 51%,transparent 52%),linear-gradient(-30deg,transparent 48%,rgba(192,192,192,.015) 49%,rgba(192,192,192,.03) 50%,rgba(192,192,192,.015) 51%,transparent 52%),linear-gradient(60deg,transparent 48%,rgba(192,192,192,.01) 49%,rgba(192,192,192,.025) 50%,rgba(192,192,192,.01) 51%,transparent 52%);background-size:800px 600px,600px 800px,700px 500px;animation:jazzFlow 80s ease-in-out infinite}@keyframes jazzFlow{0%,to{transform:translate(0) translateY(0) rotate(0);opacity:.3}25%{transform:translate(50px) translateY(-30px) rotate(2deg);opacity:.5}50%{transform:translate(-30px) translateY(20px) rotate(-1deg);opacity:.4}75%{transform:translate(20px) translateY(-10px) rotate(1.5deg);opacity:.6}}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:#c0c0c0b3;border-radius:50%;animation:spikeFloat linear infinite;box-shadow:0 0 6px #c0c0c080}@keyframes spikeFloat{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}5%{opacity:.7}25%{transform:translateY(75vh) translate(20px) rotate(90deg);opacity:.8}50%{transform:translateY(50vh) translate(-10px) rotate(180deg);opacity:.6}75%{transform:translateY(25vh) translate(30px) rotate(270deg);opacity:.9}95%{opacity:.7}to{transform:translateY(-100px) translate(50px) rotate(360deg);opacity:0}}.particle:nth-child(1){left:10%;animation-duration:35s;animation-delay:0s}.particle:nth-child(2){left:20%;animation-duration:42s;animation-delay:3s}.particle:nth-child(3){left:30%;animation-duration:38s;animation-delay:6s}.particle:nth-child(4){left:40%;animation-duration:45s;animation-delay:9s}.particle:nth-child(5){left:50%;animation-duration:40s;animation-delay:12s}.particle:nth-child(6){left:60%;animation-duration:36s;animation-delay:15s}.particle:nth-child(7){left:70%;animation-duration:48s;animation-delay:18s}.particle:nth-child(8){left:80%;animation-duration:39s;animation-delay:21s}.particle:nth-child(9){left:90%;animation-duration:43s;animation-delay:24s}.particle:nth-child(10){left:15%;animation-duration:37s;animation-delay:27s}.orbital-ring{position:fixed;top:50%;left:50%;width:800px;height:800px;border:1px solid rgba(192,192,192,.08);border-radius:50%;transform:translate(-50%,-50%);z-index:-1;animation:spikeOrbit 240s ease-in-out infinite}.orbital-ring:before{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;background:#c0c0c0cc;border-radius:50%;transform:translate(-50%);box-shadow:0 0 15px #c0c0c099}.orbital-ring-2{position:fixed;top:50%;left:50%;width:1200px;height:1200px;border:1px solid rgba(192,192,192,.04);border-radius:50%;transform:translate(-50%,-50%);z-index:-1;animation:spikeOrbit 360s ease-in-out infinite reverse}.orbital-ring-2:before{content:"";position:absolute;top:-2px;right:20%;width:4px;height:4px;background:#c0c0c099;border-radius:50%;box-shadow:0 0 12px #c0c0c066}@keyframes spikeOrbit{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(90deg) scale(1.02)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(.98)}75%{transform:translate(-50%,-50%) rotate(270deg) scale(1.01)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.signal-lines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.3}.signal-line{position:absolute;width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(192,192,192,.1) 10%,rgba(192,192,192,.3) 30%,rgba(192,192,192,.4) 50%,rgba(192,192,192,.3) 70%,rgba(192,192,192,.1) 90%,transparent 100%);animation:spikeStatic 6s ease-in-out infinite}.signal-line:nth-child(1){left:15%;animation-delay:0s}.signal-line:nth-child(2){left:35%;animation-delay:1.5s}.signal-line:nth-child(3){left:55%;animation-delay:3s}.signal-line:nth-child(4){left:75%;animation-delay:4.5s}@keyframes spikeStatic{0%,to{opacity:.1;transform:scaleY(1)}20%{opacity:.3;transform:scaleY(1.1)}40%{opacity:.2;transform:scaleY(.9)}60%{opacity:.5;transform:scaleY(1.2)}80%{opacity:.1;transform:scaleY(.8)}}.nav-container{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(192,192,192,.1)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--silver);text-decoration:none;font-weight:400;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--silver-bright);text-shadow:0 0 10px var(--silver-glow)}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--silver);box-shadow:0 0 5px var(--silver-glow)}.cv-button{background:transparent;border:1px solid var(--silver);color:var(--silver);padding:.5rem 1rem;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.9rem;transition:all .3s ease}.cv-button:hover{background:var(--silver);color:var(--black);box-shadow:0 0 20px var(--silver-glow)}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:25px;height:2px;background:var(--silver);margin:3px 0;transition:.3s}.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;padding:2rem}.mobile-nav-link{display:block;color:var(--silver);text-decoration:none;padding:1rem 0;border-bottom:1px solid rgba(192,192,192,.1);transition:all .3s ease}.mobile-nav-link:hover{color:var(--silver-bright);text-shadow:0 0 10px var(--silver-glow)}.section{min-height:100vh;padding:6rem 0;display:flex;align-items:center}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.section-title{font-size:2.5rem;font-weight:300;margin-bottom:3rem;text-align:center;color:var(--silver);font-family:JetBrains Mono,monospace;letter-spacing:2px}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero-content{position:relative}.hero-name{font-size:4rem;font-weight:300;color:var(--silver);margin-bottom:3rem;letter-spacing:3px;animation:fadeInUp 2s ease-out}.social-icons{display:flex;gap:2rem;justify-content:center}.social-icon{width:40px;height:40px;color:var(--silver);transition:all .3s ease;opacity:.7}.social-icon:hover{opacity:1;filter:drop-shadow(0 0 10px var(--silver-glow));transform:translateY(-2px)}.social-icon svg{width:100%;height:100%}.about-content{max-width:800px;margin:0 auto}.manifest-text{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;font-family:JetBrains Mono,monospace;opacity:.9;text-align:justify}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.skill-cluster{background:#3030304d;border:1px solid rgba(192,192,192,.2);padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.skill-cluster:hover{border-color:var(--silver);box-shadow:0 0 20px var(--silver-glow);transform:translateY(-5px)}.skill-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skill-icon{font-size:1.5rem}.skill-header h3{font-size:1.2rem;font-weight:500}.skill-details{display:flex;flex-wrap:wrap;gap:.5rem;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.skill-cluster.expanded .skill-details{opacity:1;max-height:200px}.skill-tag{background:#c0c0c01a;border:1px solid rgba(192,192,192,.3);padding:.3rem .8rem;font-size:.8rem;font-family:JetBrains Mono,monospace;border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card{background:#3030304d;border:1px solid rgba(192,192,192,.2);padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.project-card:hover{border-color:var(--silver);box-shadow:0 0 20px var(--silver-glow);transform:translateY(-5px)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header h3{font-size:1.3rem;font-weight:500}.terminal-blink{font-family:JetBrains Mono,monospace;animation:blink 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.rotating-gear{animation:rotateGear 3s linear infinite;font-size:1.2rem}@keyframes rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pipeline-flow{width:30px;height:4px;background:#c0c0c033;position:relative;overflow:hidden}.pipeline-dot{width:8px;height:4px;background:var(--silver);position:absolute;animation:flow 2s linear infinite}@keyframes flow{0%{left:-8px}to{left:30px}}.project-description{margin-bottom:1rem;opacity:.8;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#c0c0c01a;border:1px solid rgba(192,192,192,.3);padding:.2rem .6rem;font-size:.7rem;font-family:JetBrains Mono,monospace;border-radius:2px}.project-link{color:var(--silver);text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.9rem;transition:all .3s ease}.project-link:hover{color:var(--silver-bright);text-shadow:0 0 10px var(--silver-glow)}.certifications-list{max-width:800px;margin:0 auto}.cert-entry{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid rgba(192,192,192,.2);margin-bottom:1rem;background:#3030304d;transition:all .3s ease}.cert-entry:hover{border-color:var(--silver);box-shadow:0 0 15px var(--silver-glow)}.cert-info{display:flex;gap:2rem;align-items:center}.cert-timestamp{font-family:JetBrains Mono,monospace;font-size:.8rem;opacity:.7}.cert-name{font-weight:500}.cert-status{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--silver-bright);background:#c0c0c01a;padding:.2rem .5rem;border-radius:2px}.cert-view-btn{background:transparent;border:1px solid var(--silver);color:var(--silver);padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;cursor:pointer;transition:all .3s ease}.cert-view-btn:hover{background:var(--silver);color:var(--black);box-shadow:0 0 10px var(--silver-glow)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.blog-entry{background:#3030304d;border:1px solid rgba(192,192,192,.2);padding:2rem;transition:all .3s ease}.blog-entry:hover{border-color:var(--silver);box-shadow:0 0 15px var(--silver-glow);transform:translateY(-3px)}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-timestamp{font-family:JetBrains Mono,monospace;font-size:.7rem;opacity:.7}.blog-status{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--silver-bright);background:#c0c0c01a;padding:.2rem .4rem;border-radius:2px}.blog-title{font-size:1.2rem;font-weight:500;margin-bottom:1rem}.blog-link{color:var(--silver);text-decoration:none;transition:all .3s ease}.blog-link:hover{color:var(--silver-bright);text-shadow:0 0 10px var(--silver-glow)}.blog-excerpt{line-height:1.6;opacity:.8;margin-bottom:1.5rem}.blog-tags{display:flex;gap:.5rem}.blog-tag{background:#c0c0c01a;border:1px solid rgba(192,192,192,.3);padding:.2rem .6rem;font-size:.7rem;font-family:JetBrains Mono,monospace;border-radius:2px}.manifesto-section{background:#3030301a;border-top:1px solid rgba(192,192,192,.1);border-bottom:1px solid rgba(192,192,192,.1)}.manifesto-section.hidden{display:none}.glitch-text{animation:glitch 2s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px,1px)}30%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}50%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}}.manifesto-content{max-width:900px;margin:0 auto}.memory-fragment{background:#00000080;border:1px solid rgba(192,192,192,.1);padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.memory-fragment:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(192,192,192,.1),transparent);animation:scan 3s infinite}@keyframes scan{0%{left:-100%}to{left:100%}}.fragment-header{display:flex;justify-content:space-between;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.7rem;opacity:.7}.fragment-text{line-height:1.8;font-style:italic;opacity:.9}.contact-grid{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.contact-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#3030304d;border:1px solid rgba(192,192,192,.2);text-decoration:none;color:var(--silver);transition:all .3s ease;min-width:120px}.contact-card:hover{border-color:var(--silver);box-shadow:0 0 20px var(--silver-glow);transform:translateY(-5px)}.contact-icon{width:40px;height:40px}.contact-icon svg{width:100%;height:100%}.contact-label{font-family:JetBrains Mono,monospace;font-size:.9rem}.floating-cv{position:fixed;bottom:2rem;right:2rem;z-index:1000}.floating-cv a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#303030e6;border:1px solid var(--silver);color:var(--silver);text-decoration:none;font-size:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-cv a:hover{background:var(--silver);color:var(--black);box-shadow:0 0 20px var(--silver-glow);transform:scale(1.1)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--deep-grey);margin:10% auto;padding:2rem;border:1px solid var(--silver);width:80%;max-width:600px;position:relative}.modal-close{color:var(--silver);float:right;font-size:2rem;font-weight:700;cursor:pointer;position:absolute;top:1rem;right:1.5rem}.modal-close:hover{color:var(--silver-bright)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero-name{font-size:2.5rem}.section-title{font-size:2rem}.nav-content{padding:1rem}.container{padding:0 1rem}.skills-grid,.projects-grid,.blog-grid{grid-template-columns:1fr}.contact-grid{flex-direction:column;align-items:center;gap:2rem}.cert-info{flex-direction:column;gap:.5rem;align-items:flex-start}.cert-entry{flex-direction:column;align-items:flex-start;gap:1rem}.floating-cv{bottom:1rem;right:1rem}.floating-cv a{width:50px;height:50px;font-size:1.2rem}.orbital-ring,.orbital-ring-2{display:none}.particle:nth-child(n+6){display:none}.background-animation:before,.background-animation:after{animation-duration:60s}}@media (max-width: 480px){.hero-name{font-size:2rem;letter-spacing:1px}.section{padding:4rem 0}.social-icons{gap:1.5rem}.social-icon{width:35px;height:35px}}html{scroll-behavior:smooth}::selection{background:var(--silver-glow);color:var(--black)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--deep-grey);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--silver)}
