:root,[data-theme=cyberpunk]{--bg:#0d0d0e;--bg-alt:#131314;--panel:#1a1a1c;--text:#e8e8e8;--text-muted:#9aa0a6;--accent:#ffe600;--accent-alt:#00eaff;--success:#00ff70;--error:#ff3b3b;--warning:#ffd166;--border:#2a2a2d;--glow-strong:#00eaff73;--glow-soft:#ffe6004d;--error-glow:#ff3b3b66;--focus-ring:#00eaff99}[data-theme=genshin]{--bg:#faf7f2;--text:#3d3d3d;--border:#d9c7a5;--error:#c0392b;--warning:#e67e22;--focus-ring:#00b4c899;--glow-strong:#00b4c873;--glow-soft:#c896004d;--error-glow:#c0392b66}[data-theme=starrail]{--bg:#0f0f15;--text:#e8e8e8;--border:#2d2d3a;--error:#f44;--warning:#fc4;--focus-ring:#00eaff99;--glow-strong:#00eaff73;--glow-soft:#ffe6004d;--error-glow:#f446}section{padding:2rem 0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.gradient-border{background:linear-gradient(90deg,var(--accent),var(--accent-alt),var(--accent));background-size:200% 200%;border-radius:14px;padding:2px;animation:9s infinite gradientShift}.gradient-border>*{border-radius:12px}@media (prefers-reduced-motion:reduce){.gradient-border{animation:none}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pixel-card{border:1px solid var(--border);isolation:isolate;background:var(--panel);border-radius:16px;width:100%;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.pixel-card:hover{border-color:var(--accent-alt);box-shadow:0 0 14px var(--glow-strong);transform:translateY(-2px)}.pixel-card-canvas{pointer-events:none;opacity:.7;width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card-content{z-index:1;place-items:center;width:100%;height:100%;display:grid;position:relative}.navbar{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:1rem 0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-left{font-size:1.1rem;font-weight:600}.nav-right{gap:1.75rem;display:flex}.nav-link{cursor:pointer;transition:color .2s;position:relative}.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";background:var(--accent-alt);width:0%;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.hero-section{text-align:center;background:linear-gradient(#00eaff0f,#0000001a),var(--bg);padding:6rem 0 4rem}.hero-title{color:var(--text);text-shadow:0 0 10px var(--glow-strong);margin-bottom:1rem;font-size:3.5rem;font-weight:800}.hero-title:after{content:"";background:var(--accent);width:90px;height:3px;box-shadow:0 0 8px var(--accent);margin:.5rem auto 0;display:block}.hero-tagline{color:var(--text-muted);text-shadow:0 0 6px var(--glow-soft);margin-bottom:2rem;font-size:1.25rem}.hero-cta{border:1px solid var(--accent);cursor:pointer;border-radius:6px;padding:.75rem 1.5rem;transition:all .2s;display:inline-block}.hero-cta:hover{background:var(--accent);color:#000;box-shadow:0 0 10px var(--accent)}.identity-card-section{justify-content:center;gap:2rem;margin:4rem 0;display:flex}.identity-panel{background:var(--panel);border:1px solid var(--border);text-align:center;width:300px;color:var(--text);border-radius:10px;padding:1.75rem;transition:all .25s;position:relative;box-shadow:0 0 10px #0000004d}.identity-panel:hover{border-color:var(--accent-alt);box-shadow:0 0 12px var(--glow-strong);transform:translateY(-4px)}.identity-panel:before,.identity-panel:after{content:"";border:2px solid var(--accent);width:18px;height:18px;position:absolute}.identity-panel:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.identity-panel:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.tiles-section{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:4rem 0;display:grid}.tile{background:var(--panel);border:1px solid var(--border);text-align:center;color:var(--text);cursor:pointer;border-radius:10px;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 0 10px #0000004d}.tile:hover{border-color:var(--accent-alt);box-shadow:0 0 15px var(--glow-strong);transform:translateY(-6px)}.tile:before,.tile:after{content:"";border:2px solid var(--accent);width:16px;height:16px;transition:all .2s;position:absolute}.tile:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.tile:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.tile:hover:before,.tile:hover:after{border-color:var(--accent-alt)}.status-strip{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00eaff14,#ffe6000d);margin-top:2rem;padding:1rem 0;position:relative}.status-text{color:var(--text-muted);letter-spacing:.5px;font-size:.95rem}.status-strip:after{content:"";background:var(--accent-alt);width:60%;height:2px;box-shadow:0 0 10px var(--glow-strong);opacity:.35;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer-bar{background:var(--bg-alt);border-top:1px solid var(--border);margin-top:2rem;padding:1rem 0;position:relative}.footer-inner{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;opacity:.75;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.footer-center{gap:1rem;display:flex}.footer-link{color:inherit;align-items:center;gap:.4rem;text-decoration:none;transition:color .2s;display:inline-flex}.footer-link:hover{color:var(--accent)}.footer-inner div:hover{color:var(--accent);opacity:1;cursor:pointer;transition:all .2s}.footer-right{position:relative}.footer-right:after{content:"";background:var(--accent-alt);width:10px;height:10px;box-shadow:0 0 10px var(--glow-strong);opacity:.5;border-radius:50%;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}.footer-right:hover:after{opacity:1;box-shadow:0 0 15px var(--accent-alt)}.about-page{margin-top:1rem}.about-title{text-align:center;text-shadow:0 0 10px var(--glow-strong);margin-bottom:2rem;font-size:2.2rem;font-weight:700}.about-panels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.about-panels .panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem;box-shadow:0 0 10px #0000004d}.about-panels .panel:hover{border-color:var(--accent-alt);box-shadow:0 0 12px var(--glow-strong)}.about-contact-list,.about-strengths ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.about-contact-list a{color:var(--accent)}.about-skills ul{padding:0;list-style:none}.about-skills li{border-bottom:1px solid var(--border);color:var(--text-muted);padding:.25rem 0}.about-skills li:hover{color:var(--accent)}.experience-page{margin-top:1rem}.experience-title{text-align:center;text-shadow:0 0 10px var(--glow-strong);margin-bottom:2rem;font-size:2.2rem;font-weight:700}.experience-list{flex-direction:column;gap:1.5rem;display:flex}.experience-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:all .25s;box-shadow:0 0 10px #0000004d}.experience-card:hover{border-color:var(--accent-alt);box-shadow:0 0 12px var(--glow-strong)}.exp-title{font-size:1.3rem;font-weight:600}.exp-company{color:var(--text-muted);margin-bottom:.25rem}.exp-period{color:var(--accent);margin-bottom:.75rem;font-size:.9rem}.exp-details{margin:0;padding:0;list-style:none}.exp-details li{border-bottom:1px solid var(--border);color:var(--text-muted);padding:.3rem 0}.exp-details li:hover{color:var(--accent)}.portfolio-page{margin-top:1rem}.portfolio-title{text-align:center;text-shadow:0 0 10px var(--glow-strong);margin-bottom:2rem;font-size:2.2rem;font-weight:700}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;align-items:start;gap:1.5rem;display:grid}.project-card{background:var(--panel);border:1px solid #0000;border-radius:14px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .25s;display:flex;box-shadow:0 0 10px #0000004d}.project-card:hover{border-color:var(--accent-alt);box-shadow:0 0 12px var(--glow-strong)}.project-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.project-title{margin:0;font-size:1.2rem;font-weight:600;line-height:1.25}.project-note{color:var(--text-muted);margin:0;font-size:.9rem}.project-description{color:var(--text-muted);margin:0}.project-tabs{flex-direction:column;justify-content:start;gap:.65rem;display:flex}.tab-group{flex-wrap:wrap;justify-content:start;gap:.5rem;display:flex}.pill{border:1px solid var(--border);background:var(--bg-alt);color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .6rem;font-size:.78rem;line-height:1.2;display:inline-flex}.pill-status{border-color:var(--border);color:var(--text-muted)}.pill-status--completed{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--glow-soft)}.pill-status--ongoing{border-color:var(--accent-alt);color:var(--accent-alt);box-shadow:0 0 10px var(--glow-strong)}.pill-status--paused{border-color:var(--border);color:var(--text-muted)}.pill-focus{border-color:var(--accent-alt);color:var(--accent-alt);box-shadow:0 0 10px var(--glow-strong)}.pill-tech{border-color:var(--success);color:var(--success)}.project-link{text-align:center;border:1px solid var(--accent);color:var(--accent);border-radius:6px;margin-top:auto;padding:.5rem;transition:all .2s}.project-link:hover{background:var(--accent);color:#000;box-shadow:0 0 10px var(--accent)}.poster-title{border-left:2px solid var(--accent);opacity:0;background:#0009;padding:3px 8px;font-size:.9rem;transition:opacity .25s;position:absolute;bottom:8px;left:10px}.poster-card:hover .poster-title{opacity:1}.poster-card:hover .poster-img{filter:brightness(1.15)}.video-bg-container{z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.video-bg{object-fit:cover;filter:brightness(.55);width:100%;height:100%}.video-overlay{z-index:-1;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.contact-page{margin-top:1rem}.contact-title{text-align:center;text-shadow:0 0 10px var(--glow-strong);margin-bottom:2rem;font-size:2.2rem;font-weight:700}.contact-panel{max-width:720px;margin:auto;padding:2rem}.contact-layout{grid-template-columns:1fr;gap:1.5rem;width:min(760px,100%);margin:auto;display:grid}.contact-desc{color:var(--text-muted);margin-bottom:1rem}.contact-step{padding:.25rem 0}.contact-step-title{color:var(--text);text-shadow:0 0 10px #00ffff1f;margin:0 0 .6rem;font-size:1.15rem;font-weight:700}.contact-email a{color:var(--accent)}.contact-options-grid{grid-template-columns:1fr;gap:.9rem;margin-top:1.25rem;display:grid}@media (min-width:620px){.contact-options-grid{grid-template-columns:1fr 1fr}}.contact-option-card{border-radius:14px}.contact-option-link{width:100%;height:100%;color:var(--text);justify-content:left;align-items:center;gap:.8rem;margin:1rem auto;padding:1rem 2rem;text-decoration:none;display:flex}.contact-option-icon{color:var(--accent);flex:none;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.contact-option-text{text-align:left;flex-direction:column;min-width:0;display:flex}.contact-option-title{font-weight:800;line-height:1.1}.contact-option-subtitle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.2;overflow:hidden}.contact-option-link:hover .contact-option-subtitle{color:var(--text)}@keyframes neonPulse{0%{box-shadow:0 0 10px var(--accent)}50%{box-shadow:0 0 16px var(--accent-alt)}to{box-shadow:0 0 10px var(--accent)}}.fx-neon-pulse{animation:2.8s ease-in-out infinite neonPulseFx}@keyframes neonPulseFx{0%{box-shadow:0 0 6px var(--accent),0 0 2px var(--accent-alt)}50%{box-shadow:0 0 14px var(--accent-alt),0 0 6px var(--accent)}to{box-shadow:0 0 6px var(--accent),0 0 2px var(--accent-alt)}}.fx-flicker{animation:4.5s infinite holoFlickerFx}@keyframes holoFlickerFx{0%{opacity:1}92%{opacity:1}93%{opacity:.95}94%{opacity:1}97%{opacity:.97}to{opacity:1}}.fx-glitch-title{animation:7s infinite glitchTickFx;position:relative}@keyframes glitchTickFx{0%{transform:translate(0)}96%{transform:translate(0)}97%{transform:translate(-1px)}98%{transform:translate(1px)}99%{transform:translate(0)}to{transform:translate(0)}}.fx-hover-trail{transition:box-shadow .2s,transform .2s}.fx-hover-trail:hover{box-shadow:0 0 14px var(--accent-alt);transform:translateY(-3px)}.fx-hover-trail:active{transform:scale(.97)}.fx-scanlines{position:relative;overflow:hidden}.fx-scanlines:after{content:"";pointer-events:none;opacity:.25;background:repeating-linear-gradient(#ffffff05,#ffffff05 2px,#0000 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.fx-scanlines:hover:after{opacity:0}.fx-status-anim{animation:.5s statusFadeSlide}@keyframes statusFadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.status-strip:hover{cursor:pointer;background:linear-gradient(90deg,#00eaff1f,#ffe60014)}.status-strip:hover .status-text{color:var(--accent)}.status-text:after{content:"_";margin-left:6px;animation:1.2s steps(2,end) infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}.skills-section{margin-top:1rem}.skills-title{text-align:center;text-shadow:0 0 10px var(--glow-strong);margin-bottom:2rem;font-size:2rem;font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.skills-panel{padding:1.5rem}.skills-panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;display:flex}.skills-panel-icon{color:inherit;display:inline-flex}.skills-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.skills-list li{color:var(--text-muted);border-bottom:1px solid var(--border);align-items:center;gap:.45rem;padding-bottom:.25rem;display:flex}.skills-list li:hover{color:var(--accent)}.skills-item-icon{color:inherit;opacity:.85;display:inline-flex;transform:translateY(1px)}.skills-item-text{min-width:0}[data-theme=dukesenior]{--bg:#0a0014;--bg-alt:#150028;--panel:#1f003c;--text:#f0e6ff;--text-muted:#b89fd4;--accent:#f0f;--accent-alt:#fa0;--success:#0f8;--border:#4a1f6e;--glow-strong:#f0f9;--glow-soft:#fa06}.matrix-console{width:100%;max-height:40vh;color:var(--success,#00ff70);z-index:99;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#002000f0;transition:transform .35s,opacity .35s;position:fixed;top:0;left:0;transform:translateY(-100%);box-shadow:0 12px 30px #00ff7026}.matrix-console--open{opacity:1;pointer-events:auto;transform:translateY(0)}.console-inner{padding:1.25rem 2rem 1.5rem;font-family:Courier New,Courier,monospace;position:relative}.console-inner:after{content:"";pointer-events:none;opacity:.4;background-image:linear-gradient(#0000 0%,#00000014 50%,#0000 100%);background-size:100% 3px;position:absolute;inset:0}.console-output{max-height:22vh;margin-bottom:1rem;padding-right:1rem;line-height:1.4;overflow-y:auto}.console-line{margin-bottom:.25rem}.console-input-row{align-items:center;gap:.75rem;display:flex}.prompt{color:var(--success,#00ff70);opacity:.75}.console-input{color:var(--success,#00ff70);background:#0009;border:1px solid #00ff7066;border-radius:4px;outline:none;flex:1;padding:.35rem .6rem;font-family:inherit;box-shadow:inset 0 0 6px #00ff7033}.console-input::placeholder{color:var(--success,#00ff70);opacity:.4}.console-input:focus{border-color:var(--success,#00ff70);box-shadow:0 0 12px #00ff7066}.console-output::-webkit-scrollbar{width:6px}.console-output::-webkit-scrollbar-thumb{background:#00ff7059}.meltdown-overlay{z-index:999999;pointer-events:none;opacity:0;mix-blend-mode:screen;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a000059;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0;overflow:hidden}.meltdown-overlay.is-active{opacity:1}.meltdown-flicker{background:radial-gradient(circle at 50% 50%,var(--error-glow,#ff3b3b66),transparent 55%),linear-gradient(90deg,#fff3 0,var(--error-glow,#ff3b3b66)100%);mix-blend-mode:screen;animation:80ms steps(2,start) infinite meltdown-flicker;position:absolute;inset:0}.meltdown-alert{text-align:center;text-transform:uppercase;color:var(--error,#ff3b3b);text-shadow:0 0 18px var(--error-glow,#ff3b3b66),0 0 24px #fff6;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:700;animation:.12s steps(2,start) infinite meltdown-strobe;position:relative}.meltdown-text{letter-spacing:.2rem;margin-block:.6rem;display:block}.meltdown-glitch{background:var(--error-glow,#ff3b3bcc);mix-blend-mode:overlay;height:6px;animation:.2s steps(2,start) infinite meltdown-glitch-bars;position:absolute;inset-inline:8%}.meltdown-glitch--one{top:42%}.meltdown-glitch--two{top:58%}.meltdown-shatter{mix-blend-mode:screen;justify-content:center;align-items:center;gap:2vw;display:flex;position:absolute;inset:0}.meltdown-shatter .fragment{border:2px solid var(--error,#ff3b3b);width:clamp(8rem,12vw,14rem);height:clamp(8rem,12vw,14rem);box-shadow:0 0 24px var(--glow-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.3s ease-in-out infinite alternate meltdown-fragment;display:block}.meltdown-shatter .fragment-a{border-color:var(--accent-alt);transform:translate(-20%,-8%)rotate(-12deg)}.meltdown-shatter .fragment-b{border-color:var(--error,#ff3b3b);transform:scale(1.2)rotate(4deg)}.meltdown-shatter .fragment-c{border-color:#fff9;transform:translate(18%,10%)rotate(17deg)}.meltdown-chaos{color:var(--accent-alt);font-family:var(--font-mono,"VT323",monospace);border:1px solid var(--glow-strong);box-shadow:0 0 24px var(--glow-strong);background:#0a0a0a73;gap:.8rem;padding:1.2rem 1.8rem;font-size:clamp(1rem,1.8vw,1.6rem);animation:.14s steps(3,start) infinite meltdown-chaos-flicker;display:grid;position:absolute;inset:10% 12%}.meltdown-chaos .chaos-line{text-shadow:0 0 6px var(--glow-strong);margin:0;animation:.24s steps(2,start) infinite meltdown-line-glitch}.meltdown-chaos .chaos-line-1{color:var(--error,#ff3b3b)}.meltdown-chaos .chaos-line-2{color:var(--warning,#ffd166)}.meltdown-chaos .chaos-line-3{color:var(--accent,#ffe600)}.meltdown-blackout{background:#000;animation:.5s ease-out forwards meltdown-blackout;position:absolute;inset:0}.meltdown-recovery,.meltdown-stable{border:1px solid var(--glow-strong);box-shadow:0 0 24px var(--glow-strong);font-family:var(--font-mono,"VT323",monospace);color:var(--accent-alt);background:#08080cbf;padding:1.4rem 2.2rem;font-size:clamp(1rem,1.6vw,1.4rem);animation:.6s forwards meltdown-recover-fade;position:absolute;inset-block-start:18%;inset-inline:12%}.meltdown-recovery p,.meltdown-stable p{margin:.2rem 0}.meltdown-stable{color:var(--success);border-color:var(--glow-soft);box-shadow:0 0 28px var(--glow-soft)}.cursor-danger{border:2px solid var(--error,#ff3b3b);box-shadow:0 0 16px var(--error-glow,#ff3b3bcc);background:var(--error-glow,#ff3b3b1f)}body.meltdown-distort{filter:hue-rotate(120deg)brightness(1.4)contrast(1.8)blur(2px);transform-origin:50%;animation:.1s infinite meltdown-shake}@keyframes meltdown-flicker{0%{opacity:.2}50%{opacity:.7}to{opacity:.1}}@keyframes meltdown-strobe{0%,to{filter:brightness(1.6)}50%{filter:brightness(.6)}}@keyframes meltdown-glitch-bars{0%{opacity:.1;transform:translate(-2%)}to{opacity:.95;transform:translate(2%)}}@keyframes meltdown-fragment{0%{filter:invert(0)}to{filter:invert()}}@keyframes meltdown-chaos-flicker{0%{opacity:.6}to{opacity:1}}@keyframes meltdown-line-glitch{0%{transform:translate(-1%)}to{transform:translate(1%)}}@keyframes meltdown-blackout{0%{background:#fffffff2}20%{background:#0003}to{background:#000}}@keyframes meltdown-recover-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes meltdown-shake{0%{transform:translate(-1px)}50%{transform:translate(1px,1px)}to{transform:translateY(-1px)}}.announcement-bar{height:var(--alert-h,36px);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--accent-soft,#00ffff4d);background:#000a10e0;justify-content:center;align-items:center;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 1px 18px #00ffff1a}.announcement-text{font-family:var(--font-mono,monospace);letter-spacing:.04em;color:var(--accent,#0ff);text-shadow:0 0 8px #00ffff80;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.announcement-prompt{opacity:.7}.announcement-sep{opacity:.45}.announcement-cmd{color:var(--text-muted,#00ffffb3);font-weight:600}kbd{border:1px solid var(--accent-soft,#00ffff59);font-family:var(--font-mono,monospace);background:#00ffff0f;border-radius:3px;padding:0 4px;font-size:.65rem;line-height:1.4;display:inline-block}.announcement-dismiss{color:var(--accent-soft,#00ffff80);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:.65rem;line-height:1;transition:color .2s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.announcement-dismiss:hover{color:var(--accent,#0ff)}.holo-navbar{top:var(--alert-h,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);z-index:98;background:#00141e59;border-radius:6px;justify-content:center;align-items:center;width:min(90%,1200px);height:64px;margin:0 auto;transition:height .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,box-shadow .3s,border-color .3s;display:flex;position:fixed;left:0;right:0;overflow:visible;box-shadow:0 0 32px #00ffff2e}.holo-navbar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00ffff40,#0000);animation:5s linear infinite holo-sweep;position:absolute;inset:-1px}@keyframes holo-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.holo-navbar.compact{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top-color:#0ff6;border-bottom-color:#0ff6;height:48px;box-shadow:0 0 20px #00ffff1f}.nav-inner{z-index:1;align-items:center;gap:2.2rem;height:100%;padding-inline:1rem;display:flex;position:relative}.nav-toggle{display:none}.nav-links{align-items:center;gap:inherit;display:flex}.nav-brand-mobile,.nav-mobile-panel{display:none}.holo-navbar.compact .nav-inner{gap:1.6rem}.nav-item{color:var(--text);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 6px var(--accent-soft,#0ff6);justify-content:center;align-items:center;padding-inline:.25rem;font-size:.95rem;text-decoration:none;transition:color .2s,text-shadow .2s,transform .18s;display:inline-flex;position:relative}.nav-item:after{content:"";opacity:0;background:0 0;width:100%;height:2px;transition:opacity .2s,transform .2s,background .2s;position:absolute;bottom:-6px;left:0;transform:scaleX(.8)}.nav-item:hover{color:var(--accent);text-shadow:0 0 12px var(--accent);animation:.18s steps(2,end) glitch}.nav-item:hover:after{background:var(--accent);opacity:.9;box-shadow:0 0 8px var(--accent);animation:.2s steps(2,end) infinite flicker;transform:scaleX(1)}.nav-item.active{color:var(--accent);text-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}.nav-item.active:after{background:var(--accent);opacity:1;box-shadow:0 0 10px var(--accent),0 0 20px var(--accent);transform:scaleX(1)}.nav-item--admin{opacity:.55;font-size:.75em}.nav-item--admin:hover,.nav-item--admin.active{opacity:1}#page-content,.page-content{padding-top:112px;transition:padding-top .3s}@keyframes flicker{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes glitch{0%{transform:skew(-4deg)}25%{transform:skew(3deg)}50%{transform:skew(-1deg)}70%{transform:skew(1deg)}to{transform:none}}@media (max-width:900px){.holo-navbar{width:94%;height:56px}.holo-navbar.compact{height:44px}.nav-inner{gap:1.4rem}.nav-item{font-size:.85rem}#page-content,.page-content{padding-top:96px}}@media (max-width:640px){.holo-navbar{width:96%}.nav-inner{justify-content:space-between;gap:.75rem;width:100%}.nav-links{display:none}.nav-brand-mobile{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;max-width:calc(100% - 120px);font-size:.95rem;font-weight:700;display:inline-flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.nav-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;z-index:2;background:#0003;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-toggle:hover{border-color:var(--accent);box-shadow:0 0 10px var(--glow-strong)}.nav-toggle-bars{width:20px;height:14px;position:relative}.nav-toggle-bars .bar{background:var(--text);border-radius:99px;width:100%;height:2px;transition:transform .22s,top .22s,opacity .2s;position:absolute;left:0;box-shadow:0 0 8px #00ffff40}.nav-toggle-bars .bar-1{top:0}.nav-toggle-bars .bar-2{top:6px}.nav-toggle-bars .bar-3{top:12px}.nav-toggle.is-open .bar-1{top:6px;transform:rotate(45deg)}.nav-toggle.is-open .bar-2{opacity:0}.nav-toggle.is-open .bar-3{top:6px;transform:rotate(-45deg)}.nav-mobile-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);z-index:97;background:#00141e80;border-radius:10px;padding:.75rem;display:block;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 0 28px #00ffff24}.nav-mobile-panel .nav-item{letter-spacing:1px;border-radius:8px;justify-content:flex-start;padding:.8rem .75rem;font-size:.85rem;display:flex}.nav-mobile-panel .nav-item:hover{background:#0000002e}.nav-mobile-panel .nav-item:after{display:none}#page-content,.page-content{padding-top:88px}}.hero-container{text-align:center;pointer-events:auto;width:100%;color:var(--text);flex-direction:column;align-items:center;gap:2rem;padding-top:12vh;padding-bottom:6vh;display:flex;position:relative}.hero-title{border:1px solid var(--glow-strong);box-shadow:0 0 26px var(--glow-strong);background:linear-gradient(120deg,#001e3259,#003c5a33),#00000026;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.4rem;transition:box-shadow .35s;display:inline-flex;position:relative}.hero-title:after{content:"";border:1px solid var(--glow-strong);filter:blur(6px);opacity:.6;pointer-events:none;position:absolute;inset:-12px}.name{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);text-shadow:0 0 10px var(--accent),0 0 22px var(--accent-alt);margin:0;font-size:clamp(2.8rem,6vw,4rem)}.name span{color:var(--accent-alt);text-shadow:0 0 14px var(--accent-alt)}.holo-flicker{animation:6s ease-in-out infinite holoPulse}@keyframes holoPulse{0%,to{opacity:1;filter:none}50%{opacity:.85;filter:contrast(1.3)brightness(1.2)}}.hero-roles{perspective:1000px;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.role-chip{background:var(--glow-strong);border:1px solid var(--accent-alt);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:1px;color:var(--text);text-transform:uppercase;border-radius:4px;margin-top:10px;padding:6px 14px;font-size:.85rem;transition:box-shadow .3s,transform .3s;animation:4s infinite chipCycle;display:inline-block}@keyframes chipCycle{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}to{opacity:.3;transform:translateY(0)}}.hero-id-panels{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;place-items:center;gap:clamp(1.5rem,4vw,2.5rem);margin-top:4rem;display:grid}.hero-id-panels>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center}.hero-id-panels .pc-hero-card{width:340px}.hero-id-panels .pc-hero-card .pc-card{height:min(70svh,460px);max-height:460px}.hero-id-panels .hero-identity-card{width:340px;min-height:unset;height:auto}@media (max-width:1024px){.hero-container{padding-top:10vh}.hero-id-panels{margin-top:3rem}}@media (max-width:768px){.hero-container{gap:1.6rem;padding-top:8vh}.hero-title{padding:.6rem 1rem}.hero-id-panels{grid-template-columns:1fr;gap:1.6rem}.hero-id-panels .pc-hero-card,.hero-id-panels .hero-identity-card{width:min(100%,340px)}}@media (max-width:540px){.name{font-size:clamp(2.2rem,10vw,3rem)}.hero-id-panels{margin-top:2.5rem}.role-chip{padding:5px 12px;font-size:.75rem}}.log-strip-container{border:1px solid var(--accent-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;max-width:580px;text-shadow:0 0 8px var(--accent-soft);font-family:var(--font-mono);color:var(--accent);--log-anim-duration:.45s;background:#00141e52;border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;margin:2.4rem auto 0;padding:.8rem 1rem;display:flex;position:relative;overflow:hidden}.log-strip-container:before{content:"";opacity:0;pointer-events:none;animation:log-holo-sweep calc(var(--log-anim-duration)*3)linear infinite;background:linear-gradient(120deg,#0000,#00ffff2e,#0000);position:absolute;inset:0}@keyframes log-holo-sweep{0%{opacity:0;transform:translate(-120%)}30%{opacity:.5}60%{opacity:.2}to{opacity:0;transform:translate(120%)}}.log-strip-collapsed p{margin:2px 0;font-size:.8rem;animation:3.2s infinite log-flicker}@keyframes log-flicker{0%,90%,to{opacity:1}92%{opacity:.6}95%{opacity:.3}}.log-toggle{text-transform:uppercase;color:var(--accent);cursor:pointer;letter-spacing:1px;text-shadow:0 0 6px var(--accent);background:0 0;border:none;margin-top:4px;font-size:.7rem;transition:all .25s;animation:6s ease-in-out infinite toggleIdle}.log-toggle:hover{color:var(--accent-strong);text-shadow:0 0 16px var(--accent);transform:translateY(-2px)}@keyframes toggleIdle{0%{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}to{opacity:.7;transform:translateY(0)}}.log-strip-expanded{border-top:1px solid var(--accent-soft);width:100%;animation:holoSlideDown var(--log-anim-duration)ease forwards;margin-top:.6rem;padding-top:.6rem;overflow:hidden}@keyframes holoSlideDown{0%{opacity:0;filter:brightness(1.4);transform:translateY(-6px)}to{opacity:1;filter:none;transform:translateY(0)}}.log-strip-expanded.collapsing{animation:holoSlideUp var(--log-anim-duration)ease forwards}@keyframes holoSlideUp{0%{opacity:1;filter:none;transform:translateY(0)}to{opacity:0;filter:brightness(1.4);transform:translateY(-6px)}}.log-line{white-space:nowrap;animation:typeIn var(--log-anim-duration)steps(24,end);margin:2px 0;font-size:.8rem;overflow:hidden}@keyframes typeIn{0%{width:0}to{width:100%}}.holo-card{border:1px solid var(--accent-soft,#00ffff73);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:320px;box-shadow:0 0 6px var(--accent-soft,#00ffff59),inset 0 0 12px #00ffff26;background:#00141e8c;border-radius:8px;flex-direction:column;gap:.75rem;padding:1.6rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.holo-card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#00ffff26,#0000);transition:all .4s;position:absolute;inset:0;transform:translate(-100%)}.holo-card:hover:before{opacity:1;transform:translate(100%)}.holo-card:hover{box-shadow:0 0 14px var(--accent),inset 0 0 20px #00ffff40;transform:translateY(-4px)}.holo-card .title{text-transform:uppercase;color:var(--accent);text-shadow:0 0 10px var(--accent);margin-bottom:.6rem;font-size:1.3rem}.holo-card .subtitle{opacity:.8;color:var(--text);letter-spacing:1px;margin:0;font-size:.85rem}.holo-card .glitch{animation:6s ease-in-out infinite holoPulse}.holo-card .stat-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.holo-card .stat-item{font-family:var(--font-mono,"VT323",monospace);letter-spacing:1px;color:#c8fff8e6;padding-left:1rem;font-size:.95rem;position:relative}.holo-card .stat-item:before{content:"▹";color:var(--accent);text-shadow:0 0 6px var(--accent);position:absolute;left:0}@media (max-width:768px){.holo-card{width:min(100%,320px)}}.holo-reveal{border:1px solid var(--accent-soft,#00ffff73);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00141e73;border-radius:8px;width:300px;padding:1.2rem;transition:all .3s;position:relative;overflow:hidden}.holo-reveal .reveal-layer{background:#00ffff17;transition:all .35s;position:absolute;inset:0;transform:translateY(0)}.holo-reveal:hover .reveal-layer{transform:translateY(-100%)}.holo-reveal .content{z-index:2;opacity:0;padding-top:.5rem;transition:all .4s;position:relative}.holo-reveal:hover .content{opacity:1}.powercore-footer{z-index:9000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--accent-soft,#00ffff59);width:100%;box-shadow:none;background:#000f141f;flex-direction:column;align-items:center;gap:.6rem;margin-top:4rem;padding:.6rem 0;display:flex;position:relative}.core-wrapper{width:60px;height:60px;position:relative}.core-wrapper.holo-focus{cursor:none}.core-glow{background:radial-gradient(circle,var(--accent)0%,transparent 70%);opacity:.4;filter:blur(18px);border-radius:50%;animation:3s ease-in-out infinite corePulse;position:absolute;inset:0}@keyframes corePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.16)}}.core-ring{border:2px solid var(--accent);box-shadow:0 0 10px var(--accent);border-radius:50%;animation:6s linear infinite ringSpin;position:absolute;inset:6px}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.core-center{background:var(--accent);box-shadow:0 0 16px var(--accent),0 0 28px var(--accent),inset 0 0 14px #0ff9;border-radius:50%;animation:2.4s ease-in-out infinite centerPulse;position:absolute;inset:14px}@keyframes centerPulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.footer-status{font-family:var(--font-mono,"VT323",monospace);text-align:center;opacity:.8;color:var(--accent);text-shadow:0 0 6px var(--accent-soft,#00ffff73);font-size:.65rem}.footer-status p{margin:4px 0}.footer-links{gap:1.6rem;display:flex}.footer-links a{color:var(--text);text-shadow:0 0 6px var(--accent-soft,#00ffff73);letter-spacing:1px;align-items:center;gap:.5rem;transition:all .25s;display:inline-flex}.footer-links a:hover{color:var(--accent);text-shadow:0 0 12px var(--accent)}.powercore-footer.meltdown-mode{border-top-color:red;box-shadow:0 -2px 20px #f006}.powercore-footer.meltdown-mode .core-glow,.powercore-footer.meltdown-mode .core-ring,.powercore-footer.meltdown-mode .core-center{background:red!important;border-color:red!important;animation-duration:.3s!important;box-shadow:0 0 12px red!important}@media (max-width:768px){.footer-links{gap:1.1rem}}.diag-capsule{border:1px solid var(--accent-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--diag-anim-duration:.45s;background:#000f1459;border-radius:8px;width:100%;max-width:720px;margin:2.8rem auto 0;padding:1.2rem;position:relative;overflow:hidden}.diag-capsule:before{content:"";animation:diagSweep calc(var(--diag-anim-duration)*4)linear infinite;pointer-events:none;opacity:.2;background:linear-gradient(120deg,#0000,#00ffff26,#0000);position:absolute;inset:0}@keyframes diagSweep{0%{opacity:0;transform:translate(-120%)}30%{opacity:.4}to{opacity:0;transform:translate(120%)}}.diag-header{justify-content:space-between;align-items:center;display:flex}.diag-lines p{font-family:var(--font-mono);text-shadow:0 0 6px var(--accent-soft);margin:3px 0;font-size:.85rem;animation:3.2s infinite diagFlicker}@keyframes diagFlicker{0%,85%,to{opacity:1}90%{opacity:.5}95%{opacity:.2}}.diag-reactor-toggle{border:2px solid var(--accent-soft);cursor:pointer;width:46px;height:46px;box-shadow:0 0 8px var(--accent-soft);background:#00ffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.diag-reactor-toggle:hover{box-shadow:0 0 14px var(--accent);transform:scale(1.1)}.reactor-core{background:var(--accent);width:22px;height:22px;box-shadow:0 0 10px var(--accent),0 0 16px var(--accent-strong);border-radius:50%;animation:2.6s ease-in-out infinite corePulse}.diag-reactor-toggle.active{box-shadow:0 0 18px var(--accent-strong)}.diag-expanded{border-top:1px solid var(--accent-soft);animation:diagExpand var(--diag-anim-duration)ease forwards;margin-top:1rem;padding-top:.8rem}@keyframes diagExpand{0%{opacity:0;filter:brightness(1.4);transform:translateY(-8px)}to{opacity:1;filter:none;transform:translateY(0)}}.diag-expanded.collapsing{animation:diagCollapse var(--diag-anim-duration)ease forwards}@keyframes diagCollapse{0%{opacity:1;transform:translateY(0)}to{opacity:0;filter:brightness(1.4);transform:translateY(-8px)}}.diag-line{font-family:var(--font-mono);white-space:nowrap;animation:diagType var(--diag-anim-duration)steps(26,end);margin:2px 0;font-size:.82rem;overflow:hidden}@keyframes diagType{0%{width:0}to{width:100%}}.duke-stepper{justify-content:center;width:100%;padding:1.25rem 1rem;display:flex}.duke-stepper-shell{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00141e59;border-radius:14px;width:min(560px,100%);overflow:hidden;box-shadow:0 0 26px #00ffff1f}.duke-stepper-indicators{align-items:center;padding:1.25rem 1.25rem .75rem;display:flex}.duke-stepper-indicator{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.duke-stepper-indicator-circle{border:1px solid #00ffff40;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex;box-shadow:0 0 10px #00ffff1f}.duke-stepper-check{color:#000;width:16px;height:16px}.duke-stepper-dot{background:var(--bg);border-radius:999px;width:10px;height:10px}.duke-stepper-step-number{font-size:.9rem}.duke-stepper-connector{background:#00ffff2e;border-radius:999px;flex:1;height:2px;margin:0 10px;position:relative;overflow:hidden}.duke-stepper-connector-fill{height:100%;position:absolute;inset:0}.duke-stepper-content{padding:.25rem 1.25rem 0}.duke-stepper-step{padding:.75rem 0}.duke-stepper-footer{padding:0 1.25rem 1.25rem}.duke-stepper-footer-row{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.duke-stepper-footer-row.has-back{justify-content:space-between}.duke-stepper-btn{pointer-events:auto;letter-spacing:.5px;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.5rem .9rem;font-family:inherit;font-weight:600;transition:all .2s}.duke-stepper-btn--ghost{color:var(--text-muted);background:0 0;border-color:#00ffff2e}.duke-stepper-btn--ghost:hover{color:var(--text);border-color:#00ffff59;box-shadow:0 0 12px #00ffff1f}.duke-stepper-btn--primary{background:var(--accent);color:#000;box-shadow:0 0 14px var(--glow-soft);border-color:#00000059}.duke-stepper-btn--primary:hover{box-shadow:0 0 18px var(--accent)}.duke-stepper-btn--primary:active{transform:translateY(1px)}.components-page{max-width:1200px;margin:0 auto;padding:3rem 1rem}.components-title{text-align:center;margin-bottom:.5rem;font-size:3rem;font-weight:700}.components-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.components-filters{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.search-box{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;padding:.75rem 1rem;transition:border-color .3s;display:flex;position:relative}.search-box:focus-within{border-color:var(--accent)}.search-icon{color:var(--text-secondary);margin-right:.75rem;font-size:1.1rem}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.search-input::placeholder{color:var(--text-secondary)}.tags-filter{align-items:center;gap:1rem;display:flex}.tags-icon{color:var(--text-secondary);flex-shrink:0;font-size:1.1rem}.tags-list{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.tag-button{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;transition:all .3s}.tag-button:hover{background:var(--panel-hover);border-color:var(--accent);transform:translateY(-2px)}.tag-button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.components-count{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.components-grid{gap:3rem;display:grid}.component-showcase-item{gap:1.5rem;display:grid}.component-info{padding:1.5rem}.component-name{color:var(--accent);margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.component-category{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.component-description{color:var(--text);margin-bottom:1.5rem;line-height:1.6}.component-meta{flex-direction:column;gap:.75rem;display:flex}.component-tags,.component-tech{flex-wrap:wrap;gap:.5rem;display:flex}.component-demo{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.demo-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:1rem;font-weight:500}.no-results{text-align:center;padding:3rem 2rem}.no-results p{color:var(--text-secondary);margin-bottom:1.5rem}.reset-button{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s}.reset-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}@media (max-width:768px){.components-title{font-size:2rem}.components-filters{gap:1rem}.tags-filter{flex-direction:column;align-items:flex-start}.tags-list{width:100%}}.content-section{padding:4rem 0;position:relative;overflow:hidden}.content-section:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00eaff08 50%,#0000 100%);height:200px;position:absolute;top:0;left:0;right:0}.section-heading{background:linear-gradient(90deg,var(--accent)0%,var(--accent-alt)50%,var(--accent)100%);-webkit-text-fill-color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;animation:8s infinite gradientShift;display:inline-block;position:relative}.section-heading:after{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-alt));width:60px;height:3px;box-shadow:0 0 10px var(--glow-soft);border-radius:2px;animation:.6s forwards expandWidth;position:absolute;bottom:-8px;left:0}@keyframes expandWidth{0%{width:0}to{width:60px}}@media (max-width:768px){.content-section{padding:3rem 0}.section-heading{font-size:1.75rem}}.scroll-progress{z-index:9999;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress-bar{background:linear-gradient(90deg,var(--accent)0%,var(--accent-alt)50%,var(--accent)100%);height:100%;box-shadow:0 0 10px var(--glow-soft),0 0 20px var(--glow-strong);transform-origin:0;background-size:200% 100%;transition:transform .1s ease-out;animation:5s infinite gradientShift}@media (prefers-reduced-motion:reduce){.scroll-progress-bar{transition:none;animation:none}}.blog-page{padding:2rem 0}.blog-header{text-align:center;margin-bottom:4rem}.blog-intro{color:var(--text-muted);max-width:600px;margin:1rem auto 0;font-size:1.125rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.blog-card{cursor:pointer;padding:0;transition:all .3s;position:relative}.blog-card-link{color:inherit;text-decoration:none;display:block}.blog-card-content{padding:1.5rem}.blog-card-date{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem}.blog-card-title{color:var(--text);margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-card-excerpt{color:var(--text-muted);margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.blog-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-tag{color:var(--accent-alt);border:1px solid var(--accent-alt);text-transform:lowercase;background:#00eaff1a;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-post{max-width:800px;margin:0 auto;padding:2rem 1rem}.blog-post-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:2rem}.blog-post-title{background:linear-gradient(90deg,var(--accent)0%,var(--accent-alt)50%,var(--accent)100%);-webkit-text-fill-color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;animation:8s infinite gradientShift}.blog-post-date{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;display:block}.blog-post-tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.blog-post-content{color:var(--text);font-size:1.0625rem;line-height:1.8}.blog-post-content h2{color:var(--text);border-bottom:2px solid var(--border);margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:600}.blog-post-content h3{color:var(--text);margin:1.5rem 0 .75rem;font-size:1.375rem;font-weight:600}.blog-post-content p{color:var(--text-muted);margin-bottom:1.25rem}.blog-post-content a{color:var(--accent-alt);text-decoration:underline}.blog-post-content a:hover{color:var(--accent)}.blog-post-content code{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:.125rem .375rem;font-family:Courier New,monospace;font-size:.9em}.blog-post-content pre{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin:1.5rem 0;padding:1rem;overflow-x:auto}.blog-post-content pre code{background:0 0;border:none;padding:0}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-post-content ul li,.blog-post-content ol li{color:var(--text-muted);margin-bottom:.5rem}@media (max-width:768px){.blog-post{padding:1rem}.blog-post-content{font-size:1rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.25rem}}.services-page{padding:2rem 0}.services-header{text-align:center;margin-bottom:4rem}.services-intro{color:var(--text-muted);max-width:600px;margin:1rem auto 0;font-size:1.125rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.service-card{background:var(--panel);border:2px solid var(--border);border-radius:16px;flex-direction:column;padding:2rem;transition:all .3s;display:flex;position:relative}.service-card:hover{border-color:var(--accent-alt);box-shadow:0 0 20px var(--glow-strong);transform:translateY(-4px)}.service-card.popular{border-color:var(--accent);box-shadow:0 0 30px var(--glow-soft)}.popular-badge{background:linear-gradient(90deg,var(--accent),var(--accent-alt));color:var(--bg);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.375rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.service-card-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.service-name{color:var(--text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.service-price{color:var(--accent);margin-bottom:.75rem;font-size:2rem;font-weight:700}.service-description{color:var(--text-muted);font-size:.9375rem}.service-features{flex-grow:1;margin:0 0 2rem;padding:0;list-style:none}.service-feature{color:var(--text-muted);align-items:flex-start;gap:.75rem;padding:.625rem 0;font-size:.9375rem;line-height:1.5;display:flex}.feature-icon{color:var(--success);flex-shrink:0;margin-top:.25rem}.service-cta{text-align:center;background:linear-gradient(90deg,var(--accent),var(--accent-alt));color:var(--bg);box-shadow:0 0 15px var(--glow-soft);border-radius:8px;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.service-cta:hover{box-shadow:0 0 25px var(--glow-strong);transform:scale(1.05)}.services-note{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:700px;margin:0 auto;padding:2rem}.services-note p{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.6}@media (max-width:768px){.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}}.particle-field{z-index:0;pointer-events:none;opacity:.5;width:100%;height:100%;position:fixed;top:0;left:0}.skills-radar-container{background:var(--panel);border:1px solid var(--border);border-radius:16px;margin:2rem 0;padding:2rem}.skills-radar-title{text-align:center;color:var(--text);margin-bottom:2rem;font-size:1.5rem;font-weight:600}.skills-radar-chart{max-width:500px;margin:0 auto}.skills-radar-chart canvas{filter:drop-shadow(0 0 10px var(--glow-soft))}@media (max-width:768px){.skills-radar-container{padding:1.5rem}.skills-radar-chart{max-width:100%}}.timeline-container{padding:4rem 0}.timeline{max-width:1000px;margin:3rem auto;padding:2rem 0;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--accent)0%,var(--accent-alt)50%,var(--accent)100%);width:2px;box-shadow:0 0 10px var(--glow-soft);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{opacity:0;width:calc(50% - 40px);margin-bottom:3rem;transition:opacity .6s;position:relative}.timeline-item.visible{opacity:1}.timeline-item.left{text-align:right;margin-right:auto;padding-right:40px}.timeline-item.right{text-align:left;margin-left:auto;padding-left:40px}.timeline-marker{width:20px;height:20px;position:absolute;top:0}.timeline-item.left .timeline-marker{right:-10px}.timeline-item.right .timeline-marker{left:-10px}.timeline-dot{background:linear-gradient(135deg,var(--accent),var(--accent-alt));width:20px;height:20px;box-shadow:0 0 20px var(--glow-strong);border-radius:50%;animation:2s ease-in-out infinite pulse}.timeline-content{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 12px #0000004d}.timeline-item.visible .timeline-content{border-color:var(--accent-alt);box-shadow:0 0 15px var(--glow-soft)}.timeline-content:hover{box-shadow:0 0 20px var(--glow-strong);transform:translateY(-4px)}.timeline-date{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.timeline-company{color:var(--text);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.timeline-role{color:var(--text);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.timeline-location{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.timeline-responsibilities{margin:0;padding:0;list-style:none}.timeline-responsibilities li{color:var(--text-muted);margin-bottom:.5rem;padding-left:1.5rem;font-size:.9375rem;line-height:1.5;position:relative}.timeline-responsibilities li:before{content:"▸";color:var(--accent-alt);position:absolute;left:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media (max-width:768px){.timeline:before{left:20px}.timeline-item{text-align:left;width:calc(100% - 60px);margin-left:60px;padding-left:40px}.timeline-item.left{margin-right:0;padding-right:0}.timeline-item.left .timeline-marker,.timeline-item.right .timeline-marker{left:-30px;right:auto}}@media (prefers-reduced-motion:reduce){.timeline-dot{animation:none}}.testimonials-section{text-align:center;padding:4rem 0}.testimonials-intro{color:var(--text-muted);max-width:600px;margin:1rem auto 3rem;font-size:1.125rem}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.testimonial-card{background:var(--panel);border:2px solid var(--border);text-align:left;border-radius:16px;padding:2rem;transition:all .3s;position:relative}.testimonial-card:before{content:"“";color:var(--accent-alt);opacity:.2;font-size:5rem;line-height:1;position:absolute;top:-10px;left:20px}.testimonial-card:hover{border-color:var(--accent-alt);box-shadow:0 0 20px var(--glow-strong)}.testimonial-quote{color:var(--text);z-index:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.7;position:relative}.testimonial-author{border-top:1px solid var(--border);align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.author-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-alt));width:50px;height:50px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.author-info{flex:1}.author-name{color:var(--text);margin-bottom:.25rem;font-weight:600}.author-role{color:var(--text-muted);font-size:.875rem}@media (max-width:768px){.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-card{padding:1.5rem}}.enquiry-form,.enquiry-success{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.enquiry-form-title{color:var(--accent-alt);margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.enquiry-field{flex-direction:column;flex:1;gap:.35rem;display:flex}.enquiry-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.enquiry-optional{opacity:.6;text-transform:none;letter-spacing:0;font-weight:400}.enquiry-input{background:var(--bg-alt);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.enquiry-input::placeholder{color:var(--text-muted);opacity:.5}.enquiry-input:focus{border-color:var(--accent-alt);box-shadow:0 0 0 2px #00eaff1f}.enquiry-input.enquiry-input--error{border-color:#ff4d4f}.enquiry-textarea{resize:vertical;min-height:100px}.enquiry-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:520px){.enquiry-row{grid-template-columns:1fr}}.enquiry-contact-note{color:var(--text-muted);margin:-.5rem 0;font-size:.75rem}.enquiry-error{color:#ff4d4f;font-size:.75rem}.enquiry-error--submit{margin:0;font-size:.85rem}.enquiry-btn{background:var(--accent-alt);color:var(--bg);cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:opacity .2s,box-shadow .2s}.enquiry-btn:hover:not(:disabled){opacity:.88;box-shadow:0 0 14px #00eaff4d}.enquiry-btn:disabled{opacity:.5;cursor:not-allowed}.enquiry-success{align-items:flex-start;gap:1rem}.enquiry-success-msg{font-family:var(--font-mono,monospace);color:var(--success);font-size:.95rem}.admin-login-page{justify-content:center;align-items:center;min-height:70vh;display:flex}.admin-login-form{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.2rem;width:min(380px,100%);padding:2.5rem 2rem;display:flex}.admin-login-title{color:var(--accent-alt);margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.admin-field{flex-direction:column;gap:.35rem;display:flex}.admin-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:500}.admin-input{background:var(--bg-alt);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:.6rem .8rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.admin-input:focus{border-color:var(--accent-alt);box-shadow:0 0 0 2px #00eaff1f}.admin-error{color:#ff4d4f;margin:0;font-size:.8rem}.admin-btn{background:var(--accent-alt);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;transition:opacity .2s}.admin-btn:hover:not(:disabled){opacity:.88}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn.admin-btn--google{color:#3c4043;border:1px solid var(--border);background:#fff;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.admin-btn.admin-btn--google:hover:not(:disabled){opacity:1;background:#f5f5f5}.admin-divider{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.admin-divider:before,.admin-divider:after{content:"";background:var(--border);flex:1;height:1px}.admin-dashboard{padding:2rem 0}.admin-dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.admin-dash-title{color:var(--accent-alt);margin:0;font-size:1.6rem;font-weight:700}.admin-dash-meta{align-items:center;gap:1rem;display:flex}.admin-dash-user{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono,monospace)}.admin-signout-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;transition:border-color .2s,color .2s}.admin-signout-btn:hover{border-color:var(--accent-alt);color:var(--accent-alt)}.admin-dash-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.admin-dash-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:1rem;padding:1.4rem 1.5rem;transition:border-color .2s;display:flex}.admin-dash-card:hover{border-color:var(--accent-alt)}.admin-dash-card.admin-dash-card--soon{opacity:.7}.admin-dash-card-icon{color:var(--accent-alt);flex-shrink:0;margin-top:2px;font-size:1.4rem}.admin-dash-card-title{margin:0 0 .25rem;font-size:1rem;font-weight:600}.admin-dash-card-desc{color:var(--text-muted);margin:0;font-size:.8rem}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.skeleton,.skeleton-button,.skeleton-avatar,.skeleton-card,.skeleton-text{background:linear-gradient(90deg,var(--panel)0%,#00eaff1a 50%,var(--panel)100%);background-size:500px 100%;border-radius:4px;animation:1.5s linear infinite shimmer;display:inline-block}.skeleton-text{width:100%;height:1em;margin-bottom:.5rem}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;height:200px;padding:1.5rem;position:relative;overflow:hidden}.skeleton-card:before{content:"";background:linear-gradient(90deg,#0000 0%,#00eaff1a 50%,#0000 100%) 0 0/500px 100%;animation:1.5s linear infinite shimmer;position:absolute;inset:0}.skeleton-avatar{border-radius:50%;width:60px;height:60px}.skeleton-button{border-radius:8px;width:120px;height:40px}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton-text,.skeleton-card,.skeleton-avatar,.skeleton-button{animation:none}}.loading-spinner{justify-content:center;align-items:center;display:inline-flex}.loading-spinner.small{width:24px;height:24px}.loading-spinner.medium{width:48px;height:48px}.loading-spinner.large{width:72px;height:72px}.spinner-ring{background:linear-gradient(45deg,var(--accent),var(--accent-alt),var(--accent));width:100%;height:100%;box-shadow:0 0 20px var(--glow-soft);background-size:200% 200%;border-radius:50%;padding:2px;animation:1s linear infinite spin,3s infinite gradientShift;position:relative}.spinner-inner{background:var(--bg);border-radius:50%;width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner-ring{animation:none}}.resume-download-btn{background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:var(--bg);cursor:pointer;box-shadow:0 0 20px var(--glow-soft);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.resume-download-btn:hover:not(:disabled){box-shadow:0 0 30px var(--glow-strong)}.resume-download-btn:disabled{opacity:.6;cursor:not-allowed}.download-icon{font-size:1.25rem;animation:2s ease-in-out infinite bounce}.btn-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.resume-download-btn:hover .btn-glow{transform:translate(100%)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.download-icon{animation:none}}body{background:var(--bg);color:var(--text);letter-spacing:.2px;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;line-height:1.5;transition:background .3s,color .3s}hr{border:0;border-bottom:1px solid var(--border);margin:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}section{margin:2rem 0}h1{font-size:2rem;font-weight:600}h2{font-size:1.5rem;font-weight:500}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus-ring,#00eaff99);outline-offset:3px;border-radius:3px}.skip-link{z-index:1000000;background:var(--panel);color:var(--accent-alt);border:1px solid var(--accent-alt);border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}
.scroll-progress{z-index:9999;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress-bar{background:linear-gradient(90deg,var(--accent)0%,var(--accent-alt)50%,var(--accent)100%);height:100%;box-shadow:0 0 10px var(--glow-soft),0 0 20px var(--glow-strong);transform-origin:0;background-size:200% 100%;transition:transform .1s ease-out;animation:5s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.scroll-progress-bar{transition:none;animation:none}}