*{margin:0;padding:0;box-sizing:border-box}:root{--header-h: 72px;--container-pad: 10%;--gap: 1rem}body{background-color:#0d0d0d;color:#e0e0e0;font-family:Orbitron,sans-serif;line-height:1.6;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:calc(100% - 2rem);max-width:1100px;margin:0 auto;padding:1rem}section{padding:30px 6%;scroll-margin-top:calc(var(--header-h) + 40px)}.page-header{width:100%;position:sticky;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 1rem;box-shadow:0 1px 3px #bea2a20f,0 1px 2px #bea2a20a;background-color:#111;z-index:10}.nav-bar{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.nav-bar a{color:#e0e0e0;text-decoration:none;font-weight:500;transition:color .3s ease;padding:8px 10px;border-radius:6px}h1{font-size:clamp(1.6rem,5vw,2.5rem);margin-bottom:.5rem}h2{font-size:clamp(1.25rem,4vw,2rem);margin-bottom:1rem}.skill-stack,.about-container{display:flex;flex-direction:column;gap:1rem;padding:16px;justify-content:center;align-items:center}.experience-section,.projects-section,.contact-section{display:grid;grid-template-columns:1fr;gap:16px;padding:20px;justify-content:center;align-items:stretch}.card{width:100%;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;background:#14141e80;border:1px solid rgba(0,136,136,.18);border-radius:12px;padding:20px;cursor:pointer;transition:all .35s ease;box-shadow:0 0 12px #00ffff2e}.card-info{display:flex;flex-direction:column;gap:10px;margin-top:auto;transition:all .35s ease}.card:hover{transform:translateY(-4px)}.card.expanded{z-index:10;transform:scale(1.02)}.card.collapsed{opacity:.85;transform:scale(.98)}.card-content{max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);transition:all .35s ease}.card-skills{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.skill-pill{text-align:center;background:#14141e80;border:1px solid rgba(0,255,255,.18);border-radius:8px;padding:8px 10px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 6px #ff00ff0f;font-size:.95rem;opacity:.9}.card-summary ul{list-style:none;padding-left:0;margin-top:12px;display:flex;flex-direction:column;gap:8px}.hologram-title{position:relative;font-size:clamp(1.4rem,6vw,2.3rem);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;display:inline-block;overflow:hidden;text-align:center;margin-bottom:1.5rem;margin-top:2rem}.link-button{display:inline-block;margin-top:12px;color:#0ff;font-size:1rem;text-decoration:none;text-align:center;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:10px;padding:8px 16px;transition:all .25s ease;box-shadow:0 0 8px #00ffff14}.link-button:hover{transform:translateY(-3px) scale(1.02);border-color:#0ff;box-shadow:0 0 12px #0ff3;background:#00ffff1f}.skill-tree{text-align:center;background:#14141e80;border:1px solid rgba(0,255,255,.18);border-radius:8px;padding:8px 10px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 6px #ff00ff0f;font-size:1.1rem;position:relative}.skill-stack{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.skill-tree img.skill-icon{width:40px;height:40px;opacity:0;transition:opacity .25s ease,transform .25s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9)}.about-img img,img{max-width:100%;height:auto;display:block;border-radius:10px}.about-btn{text-align:center;background:#14141e80;border:1px solid rgba(0,255,255,.18);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 6px #ff00ff0f;font-size:1rem;color:#fff;margin:10px 0}.about-btn:hover{transform:translateY(-4px) scale(1.02);border-color:#00bebe;box-shadow:0 0 12px #00ffff2e}.panel-wrapper{overflow:hidden;transition:all .45s ease;opacity:0;max-height:0}.panel-wrapper.open{opacity:1;max-height:600px}.nav-toggle{display:none}@media(max-width:767px){.nav-bar{display:none}.nav-bar.open{display:flex;flex-direction:column;gap:12px;align-items:center}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:inherit;font-size:1.4rem;padding:8px}}@media(min-width:640px){section{padding:36px 8%}.experience-section,.projects-section,.contact-section,.skill-stack,.card-skills{grid-template-columns:repeat(2,1fr)}.about-container{flex-direction:row;gap:2rem;align-items:center}.nav-bar{display:flex}}@media(min-width:1024px){:root{--header-h: 72px}section{padding:48px 10%}.experience-section,.projects-section,.contact-section,.skill-stack,.card-skills{grid-template-columns:repeat(3,1fr)}.about-img img{width:500px}.page-header{flex-direction:row;justify-content:space-between;padding:18px 2rem}}html{scroll-behavior:smooth}:root{--header-h: 72px}body{background-color:#0d0d0d;color:#e0e0e0;font-family:Orbitron,sans-serif;line-height:1.6;text-align:center}section{padding:30px 10%;scroll-margin-top:calc(var(--header-h) + 180px)}.page-header{width:100%;position:sticky;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px;box-shadow:0 1px 3px #bea2a21a,0 1px 2px #bea2a21a;background-color:#111;z-index:10}.nav-bar{display:flex;gap:30px}.nav-bar a{color:#e0e0e0;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-bar a:hover{color:#00bebe;text-decoration:underline}h1,h2,h3{font-weight:600;letter-spacing:.5px}h1{font-size:2.5rem;margin-bottom:.5rem}h2{font-size:2rem;margin-bottom:1rem}p{margin-bottom:1rem}section h2{color:#00bebe;text-align:center;margin-bottom:2rem}section p{text-align:center;max-width:800px;margin:0 auto 1.5rem}.card{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;background:#14141e80;border:1px solid rgba(0,136,136,.3);border-radius:12px;padding:30px;cursor:pointer;transition:all .5s ease;box-shadow:0 0 15px #00ffff4d}.card-info{display:flex;flex-direction:column;gap:10px;margin-top:auto;transition:all .5s ease}.card:hover{transform:translateY(-5px) scale(1.02);border-color:#00bebe;box-shadow:0 0 20px #00ffff4d}.card.expanded{flex:3;transform:scale(1.02);box-shadow:0 0 30px #00ffff4d;z-index:10}.card.collapsed{flex:.8;transform:scale(.9);opacity:.6}.card-content{max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:all .5s ease}.card-content.show{max-height:500px;opacity:1;transform:translateY(0)}.card-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.skill-pill{text-align:center;background:#14141e80;border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 6px #ff00ff1a;font-size:.9rem;opacity:75%}.card-summary{text-align:left}.card-summary ul{list-style:none;padding-left:0;margin-top:15px;display:flex;flex-direction:column;gap:8px}.card-summary li{position:relative;padding-left:20px;line-height:1.5}.card-summary li:before{content:"";position:absolute;left:0;top:6px;width:4px;height:12px;background:#00bebe;box-shadow:0 0 8px #00bebe;border-radius:2px}.hologram-title{position:relative;font-size:2.3rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;display:inline-block;overflow:hidden;text-align:center;margin-bottom:2rem;margin-top:3rem}.hologram-title span{position:relative;display:inline-block;text-shadow:0 0 8px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3)}.hologram-title span:before,.hologram-title span:after{content:attr(data-text);position:absolute;left:0;width:100%;opacity:0;filter:blur(4px);transition:all .3s ease}.hologram-title span:before{top:-1px;color:#06f;transform:translate(0);animation:glitch-subtle 3.5s infinite linear}.hologram-title span:after{bottom:-2px;color:#0ff;animation:glitch-subtle 2.2s infinite reverse}@keyframes glitch-subtle{0%,to{transform:translate(0);opacity:.3}20%{transform:translate(-3px);opacity:.6}40%{transform:translate(3px);opacity:.8}60%{transform:translate(-3px);opacity:.6}80%{transform:translate(3px);opacity:.8}}@keyframes scan-slow{0%{top:-15%;opacity:0}45%{top:48%;opacity:.6}to{top:115%;opacity:0}}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(to right,transparent,rgba(0,255,255,.8),transparent);top:0;animation:scan-slow 2s linear infinite;filter:blur(1px)}.link-button{display:inline-block;margin-top:12px;color:#0ff;font-size:1rem;text-decoration:none;text-align:center;background:#00ffff0d;border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:8px 16px;transition:all .3s ease;box-shadow:0 0 8px #00ffff1a}.link-button:hover{transform:translateY(-4px) scale(1.03);border-color:#0ff;box-shadow:0 0 15px #0ff6;background:#00ffff26}.skill-tree{text-align:center;background:#14141e80;border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 6px #ff00ff1a;font-size:1.2rem;opacity:100%;box-shadow:0 0 15px #00ffff36;position:relative}.skill-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.skill-tree:hover{transform:translateY(-5px) scale(1.02);border-color:#00bebe;box-shadow:0 0 20px #00ffff4d}.skill-tree img.skill-icon{width:40px;height:40px;opacity:0;transition:opacity .3s ease,transform .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8)}.skill-tree:hover img.skill-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.skill-tree:hover span{opacity:0}.about-container{display:flex;align-items:center;justify-content:space-between;gap:4rem}.about-img img{width:500px;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 0 20px #00ffff40}.about-btn{text-align:center;background:#14141e80;border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:6px 10px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 6px #ff00ff1a;font-size:1.2rem;opacity:100%;box-shadow:0 0 15px #00ffff36;position:relative;color:#fff;margin:10px 10px 20px}.about-btn:hover{transform:translateY(-5px) scale(1.02);border-color:#00bebe;box-shadow:0 0 20px #00ffff4d}.about-btn{font-family:inherit;font-size:1rem;padding:10px 15px}.panel-wrapper{overflow:hidden;transition:all .6s ease;opacity:0;max-height:0}.panel-wrapper.open{opacity:1;max-height:500px}