:root{--bg-main: #04050a;--bg-alt: #0b0e15;--neon-cyan: #00eaff;--neon-pink: #ff00ff;--neon-purple: #9b5cff;--neon-green: #00ff9f;--text-light: #d7e2ff;--text-dim: #8a94b8;--danger-red: #ff355e;--warning-yellow: #ffe066;--glow-soft: 0 0 10px;--glow-med: 0 0 20px;--glow-strong: 0 0 35px;--section-height: 100vh;--padding-default: 20px;--font-header: "Orbitron", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;scroll-behavior:smooth;background:var(--bg-main);color:var(--text-light);font-family:var(--font-body)}body{background:linear-gradient(180deg,#020309,#06080f);overflow-y:auto;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-header);letter-spacing:1.5px;color:var(--text-light)}a{color:var(--neon-cyan);text-decoration:none}a:hover{text-shadow:var(--glow-soft) var(--neon-cyan)}.center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.scene{position:relative;width:100%;height:var(--section-height);padding:var(--padding-default);display:flex;justify-content:center;align-items:center;overflow:hidden}.container{width:min(1200px,90%);margin:0 auto}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width: 768px){:root{--section-height: auto}.scene{padding:60px 20px;height:auto}}:root{--font-hero: "Audiowide", sans-serif;--font-body: "Poppins", sans-serif}body{font-family:var(--font-body);font-weight:400;line-height:1.6}.hero h1,.hero h2{font-family:var(--font-hero);letter-spacing:.08em}.section-title{font-weight:600}.hero{position:relative;width:100%;height:100vh;overflow:hidden;background-image:url(/assets/jmd_hero01-D9tam_QZ.png);background-size:cover;background-position:center center;background-repeat:no-repeat;isolation:isolate}.hero-darken{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060fd9;opacity:0;z-index:1;pointer-events:none}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,rgba(0,255,255,.05),transparent),linear-gradient(-45deg,rgba(255,0,255,.04),transparent);mix-blend-mode:screen;opacity:.35;z-index:2;pointer-events:none}.hero-title{position:absolute;bottom:8vh;left:50%;transform:translate(-50%);z-index:3;width:100%;max-width:1400px;padding:0 4vw;text-align:center}.hero h1{width:100%;margin:0 auto;font-size:clamp(2.8rem,7vw,3rem);letter-spacing:.18em;line-height:1.05;white-space:nowrap;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,234,255,.45),0 0 40px rgba(0,234,255,.25)}.hero h2{margin-top:10px;font-size:clamp(.9rem,2vw,1.6rem);color:var(--text-light);opacity:.85;letter-spacing:2px}.timeline{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(180deg,#03040a,#05070f);z-index:0}.timeline-wrapper{position:absolute;display:flex;height:100%;width:max-content;gap:80px;padding:0 10vw;align-items:center}.timeline-panel{width:400px;height:260px;padding:30px;background:#0a0f198c;border:1px solid var(--neon-cyan);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 15px #00ffff4d,inset 0 0 25px #0ff3;transition:transform .3s ease,box-shadow .3s ease}.timeline-panel h3{font-family:var(--font-header);font-size:1.6rem;margin-bottom:10px;color:var(--neon-cyan)}.timeline-panel p{color:var(--text-dim);line-height:1.4rem;font-size:.98rem}.timeline-panel:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 0 25px var(--neon-cyan),inset 0 0 25px #00ffff4d}.timeline-panel{position:relative;overflow:hidden;opacity:.4;transform:scale(.9)}.panel-index{position:absolute;top:18px;right:20px;font-family:var(--font-header);font-size:.9rem;opacity:.4;letter-spacing:2px}.panel-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at center,rgba(0,234,255,.25),transparent 70%)}.timeline-panel[data-accent=cyan]{--accent: #00eaff}.timeline-panel[data-accent=purple]{--accent: #9b5cff}.timeline-panel[data-accent=green]{--accent: #00ff9f}.timeline-panel[data-accent=pink]{--accent: #ff00ff}.timeline-panel.is-active{opacity:1;transform:scale(1);border-color:var(--accent);box-shadow:0 0 30px #0006,0 0 25px var(--accent)}.timeline-panel.is-active h3{color:var(--accent)}.timeline-panel.is-active .panel-glow{opacity:1}.scene-projects{background:#05060d}.projects-grid{width:min(1200px,90%);padding-top:80px}.scene-skills{background:linear-gradient(180deg,#06080f,#04050a);display:flex;flex-direction:column;text-align:center}.scene-about{background:#070910;display:flex;align-items:center}.scene-contact{background:#04050a}@media (max-width: 768px){.hero h1{white-space:normal;letter-spacing:.12em;line-height:1.1}}@media (hover: none){.timeline-panel:hover{transform:none;box-shadow:none}}@media (max-width: 1024px){.timeline-panel{transform:scale(.95)}.timeline-panel.is-active{transform:scale(1)}}.neon{color:var(--neon-cyan);text-shadow:var(--glow-soft) var(--neon-cyan),var(--glow-med) var(--neon-cyan)}.neon-pink{color:var(--neon-pink);text-shadow:var(--glow-soft) var(--neon-pink),var(--glow-med) var(--neon-pink)}.neon-purple{color:var(--neon-purple);text-shadow:var(--glow-soft) var(--neon-purple),var(--glow-med) var(--neon-purple)}.glitch{position:relative;display:inline-block;line-height:1;transform:translateZ(0);will-change:transform}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;font:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;white-space:inherit;pointer-events:none}.glitch:before{left:1px;text-shadow:-2px 0 var(--neon-pink);clip:rect(0,900px,0,0);animation:glitch-anim-1 3s infinite linear alternate-reverse}.glitch:after{left:-1px;text-shadow:-2px 0 var(--neon-purple);clip:rect(0,900px,0,0);animation:glitch-anim-2 2.5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(10px,9999px,80px,0)}20%{clip:rect(40px,9999px,20px,0)}40%{clip:rect(80px,9999px,50px,0)}60%{clip:rect(30px,9999px,60px,0)}80%{clip:rect(60px,9999px,10px,0)}to{clip:rect(90px,9999px,70px,0)}}@keyframes glitch-anim-2{0%{clip:rect(5px,9999px,70px,0)}25%{clip:rect(60px,9999px,10px,0)}50%{clip:rect(30px,9999px,90px,0)}75%{clip:rect(80px,9999px,40px,0)}to{clip:rect(10px,9999px,60px,0)}}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 2px,transparent 3px);pointer-events:none;z-index:3}.service-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none}.service-modal.active{pointer-events:all}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02040ad9;opacity:0}.modal-panel{position:absolute;inset:auto 50% 10% auto;transform:translate(50%) scale(.9);width:min(720px,90%);padding:40px;border-radius:16px;background:#0a0f1ee6;border:1px solid var(--accent, #00eaff);box-shadow:0 0 40px #0009,0 0 25px var(--accent);opacity:0}.modal-title{color:var(--accent);margin-bottom:12px}.modal-description{color:var(--text-light);margin-bottom:20px;line-height:1.6}.modal-features{list-style:none;padding:0}.modal-features li{padding-left:18px;margin-bottom:8px;position:relative}.modal-features li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--accent);font-size:1.2rem;cursor:pointer}