:root{--color-bg-primary:#030304;--color-bg-secondary:#07080a;--color-accent-blue:#0052ff;--color-accent-cyan:#00f3ff;--color-accent-purple:#9d00ff;--color-accent-amber:#fbbf24;--color-text-main:#fff;--color-text-sub:#86869a;--color-text-muted:#49495c;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--size-unit:16;--size-container-ideal:1440;--size-container-min:375px;--size-container-max:1920px;--size-container:clamp(var(--size-container-min), 100vw, var(--size-container-max));--size-font:clamp(12px, calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit))), 21.333px);--z-canvas:1;--z-bg-grid:2;--z-scenes:10;--z-nav:100;--z-loader:1000;--z-cursor:999999;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .3s cubic-bezier(.25, .8, .25, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background-color:var(--color-bg-primary);scroll-behavior:auto;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:var(--color-text-main);background-color:var(--color-bg-primary);line-height:1.5;font-family:var(--font-sans);overflow-x:hidden}img,picture,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}html,body,#app-container,.scene-section,*{-ms-overflow-style:none!important;scrollbar-width:none!important}html::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}#app-container::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.scene-section::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}body{font-size:var(--size-font);font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-main);overflow-x:hidden}h1{letter-spacing:-.04em;font-size:3em;font-weight:300;line-height:1.1}h2{letter-spacing:-.02em;font-size:1.5em;font-weight:400;line-height:1.2}h3{letter-spacing:.05em;text-transform:uppercase;font-size:1em;font-weight:500}p,li{color:var(--color-text-sub);text-align:justify;font-size:.85em;font-weight:400;line-height:1.6}.mono{font-family:var(--font-mono);letter-spacing:-.02em}.sm{font-size:.6em}::selection{background-color:var(--color-accent-cyan);color:var(--color-bg-primary)}#webgl-canvas{width:100vw;height:100vh;z-index:var(--z-canvas);pointer-events:none;position:fixed;top:0;left:0}#app-container{width:100%;min-height:100vh;z-index:var(--z-scenes);position:relative}.grid-overlay{width:100vw;height:100vh;z-index:var(--z-bg-grid);pointer-events:none;justify-content:space-between;padding:0 4em;display:flex;position:fixed;top:0;left:0}.grid-line{background:linear-gradient(#ffffff03 0%,#ffffff0a 50%,#ffffff03 100%);width:1px;height:100%}.scene-section{align-items:center;width:100%;height:100vh;padding:0 8em;display:flex;position:relative;overflow:hidden}@media (width<=992px){.scene-section{align-items:flex-start;height:100vh;padding:4.5em 2em 3em;overflow-y:auto}.scene-section#hero{justify-content:center;align-items:center;padding:2em 1.5em;overflow:hidden}.grid-overlay{padding:0 1em}}@media (width<=576px){.scene-section{padding:4em 1.2em 2.5em}.scene-section#hero{padding:1.5em 1.2em}}.custom-cursor{border-radius:50%;width:10px;height:10px;transition:width .2s cubic-bezier(.16,1,.3,1),height .2s cubic-bezier(.16,1,.3,1),background-color .2s,box-shadow .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 35px #00f3ff;pointer-events:none!important;z-index:2147483647!important;opacity:1!important;visibility:visible!important;background-color:#00f3ff!important;display:block!important}.custom-cursor-ring{border-radius:50%;width:38px;height:38px;transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),border-color .25s,background-color .25s,box-shadow .25s;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 16px #00f3ff66;pointer-events:none!important;z-index:2147483646!important;opacity:1!important;visibility:visible!important;background-color:#00f3ff14!important;border:2px solid #00f3ff!important;display:block!important}body.hovering-link .custom-cursor{width:14px;height:14px;box-shadow:0 0 15px #fff,0 0 30px #00f3ff;background-color:#fff!important}body.hovering-link .custom-cursor-ring{width:54px;height:54px;box-shadow:0 0 25px #00f3ff8c;background-color:#00f3ff2e!important;border-color:#00f3ff!important}body.cursor-clicking .custom-cursor{width:6px;height:6px;background-color:#00f3ff!important}body.cursor-clicking .custom-cursor-ring{width:24px;height:24px;box-shadow:0 0 20px #00f3ffe6;background-color:#00f3ff66!important;border-color:#fff!important}html.has-custom-cursor,html.has-custom-cursor body,html.has-custom-cursor *,html.has-custom-cursor :before,html.has-custom-cursor :after{cursor:none!important}html.is-touch-device .custom-cursor,html.is-touch-device .custom-cursor-ring{display:none!important}html.is-touch-device,html.is-touch-device body,html.is-touch-device *{cursor:auto!important}#loader-container{background-color:var(--color-bg-primary);width:100vw;height:100vh;z-index:var(--z-loader);font-family:var(--font-mono);color:var(--color-text-main);grid-template-rows:1fr auto;align-items:center;padding:4em;display:grid;position:fixed;top:0;left:0;overflow:hidden}.loader-center-display{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.loader-percentage{font-family:var(--font-serif);background:linear-gradient(#fff 40%,#00f2fe4d 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 80px #00f2fe1a;letter-spacing:-.02em;-webkit-background-clip:text;margin:0;font-size:10em;font-style:italic;font-weight:400;line-height:1}.loader-sublabel{letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-sub);margin-top:1em;font-size:.65em}.loader-terminal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#060a1666;border-top:1px solid #00f2fe26;grid-template-columns:1fr 1fr;align-items:end;gap:4em;width:100%;max-width:100%;padding:2em 0 0;display:grid}.terminal-header{display:none}.terminal-logs{letter-spacing:.05em;flex-direction:column;justify-content:end;gap:.2em;height:80px;font-size:.6em;line-height:1.8;display:flex}.log-line{color:var(--color-text-sub);opacity:.4;transition:var(--transition-fast)}.log-line.active{color:var(--color-accent-cyan);opacity:1;text-shadow:0 0 10px #00f2fe66}.log-line.active:before{content:"> [OK] "}.loader-progress-panel{flex-direction:column;gap:1em;width:100%;display:flex}.loader-bar-bg{background-color:#ffffff08;width:100%;height:2px;position:relative;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg, var(--color-accent-blue), var(--color-accent-cyan));width:0%;height:100%;transition:width .1s ease-out;box-shadow:0 0 15px #00f2fe99}@media (width<=768px){#loader-container{padding:2em}.loader-percentage{font-size:6em}.loader-terminal{grid-template-columns:1fr;gap:2em;padding-top:1.5em}.terminal-logs{display:none}}@media (width<=480px){.loader-percentage{font-size:4.2em}.loader-sublabel{letter-spacing:.18em;font-size:.55em}}#nav-header{width:100vw;z-index:var(--z-nav);mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:2em 4em;display:flex;position:fixed;top:0;left:0}.nav-logo{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-main);align-items:center;gap:8px;font-size:.75em;font-weight:700;display:flex}.logo-dot{display:none}.logo-svg{vertical-align:middle;filter:drop-shadow(0 0 6px #00f2fe40);width:22px;height:22px;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s;display:inline-block}.nav-logo:hover .logo-svg{filter:drop-shadow(0 0 12px #00f2fe99);transform:translateY(-2px)scale(1.08)}.nav-logo.overclocked .logo-svg{filter:drop-shadow(0 0 8px #ff3300d9)!important}.nav-links{gap:3em;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-sub);transition:var(--transition-fast);padding:.5em 0;font-size:.7em;position:relative}.nav-link:hover{color:var(--color-text-main)}.nav-link:after{content:"";background-color:var(--color-accent-cyan);width:0;height:1px;box-shadow:0 0 8px var(--color-accent-cyan);transition:var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}@keyframes logo-flicker{0%,to{opacity:1}50%{opacity:.4}53%{opacity:.9}55%{opacity:.2}58%{opacity:1}}@media (width<=768px){#nav-header{padding:1.5em 2em}.nav-links{display:none}.menu-trigger{cursor:pointer;z-index:1400;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:flex}.menu-line{background-color:var(--color-text-main);transform-origin:0;width:100%;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.menu-trigger.active .menu-line:first-child{background-color:var(--color-accent-cyan);transform:rotate(45deg)translate(2px,-1px)}.menu-trigger.active .menu-line:nth-child(2){opacity:0;transform:scaleX(0)}.menu-trigger.active .menu-line:nth-child(3){background-color:var(--color-accent-cyan);transform:rotate(-45deg)translate(2px,1px)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(28px)saturate(180%);z-index:1300;opacity:0;visibility:hidden;background:#030408f2;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1),visibility 0s .4s;display:flex;position:fixed;top:0;left:0;transform:translateY(-20px)}.mobile-menu-overlay.active{opacity:1;visibility:visible;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1),visibility;transform:translateY(0)}.mobile-nav-links{text-align:center;flex-direction:column;align-items:center;gap:2.2em;display:flex}.mobile-nav-link{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-sub);transition:var(--transition-fast);font-size:1.25em}.mobile-nav-link span{color:var(--color-accent-cyan);text-shadow:0 0 8px #00f2fe4d;margin-right:.5em;font-size:.75em}.mobile-nav-link:hover{color:var(--color-text-main);text-shadow:0 0 15px #fff3;transform:scale(1.05)}}.lang-selector{z-index:100;align-items:center;margin-left:2.2em;display:flex}.lang-btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:.05em;color:var(--color-text-sub);background:#03060f80;border:1px solid #00f2fe26;border-radius:4px;align-items:center;gap:.3em;padding:.4em .8em;font-size:.7em;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 10px #00f2fe05}.lang-btn:hover{border-color:var(--color-accent-cyan);color:var(--color-text-main);transform:translateY(-1px);box-shadow:0 0 15px #00f2fe33}.lang-code{transition:color .3s,text-shadow .3s}.lang-code.active{color:var(--color-accent-cyan);text-shadow:0 0 8px #00f2fe80;font-weight:700}.lang-divider{opacity:.3;color:var(--color-text-sub)}@media (width<=768px){.lang-selector{margin-left:auto;margin-right:1.5em}}#cyber-hud{border-top:1px dashed #00f2fe26;flex-direction:column;gap:.9em;width:100%;margin-top:1.6em;padding-top:1.2em;transition:border-color .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}#cyber-hud.overclocked{border-top-color:#ff330080}.hud-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding-bottom:.6em;display:flex}.hud-metrics{flex-direction:column;gap:.5em;display:flex}.hud-metric{letter-spacing:.05em;justify-content:space-between;font-size:.7em;display:flex}.hud-label{color:var(--color-text-sub)}.hud-value{color:var(--color-text-main);font-weight:700}#cyber-hud.overclocked .hud-value{text-shadow:0 0 5px #f306}.overclock-btn{border:1px solid var(--color-accent-cyan);color:var(--color-accent-cyan);cursor:pointer;letter-spacing:.08em;text-align:center;background:0 0;border-radius:4px;padding:.6em;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #00f2fe0d}.overclock-btn:hover{background:var(--color-accent-cyan);transform:translateY(-1px);box-shadow:0 0 15px #00f2fe4d;color:#02040a!important}#cyber-hud.overclocked .overclock-btn{color:#f30;border-color:#f30;animation:1.2s ease-in-out infinite overclock-btn-pulse;box-shadow:0 0 8px #ff33000d}#cyber-hud.overclocked .overclock-btn:hover{background:#f30;box-shadow:0 0 20px #f306;color:#02040a!important}@keyframes overclock-btn-pulse{0%,to{opacity:.9;box-shadow:0 0 5px #ff33001a}50%{opacity:1;box-shadow:0 0 12px #ff33004d}}.cli-command-suggestions{color:var(--color-text-sub);border-top:1px dashed #ffffff0f;flex-wrap:wrap;align-items:center;gap:.5em;margin-top:.8em;padding-top:.6em;font-size:.72em;display:flex}.suggestion-label{opacity:.6;letter-spacing:.05em;margin-right:.2em}.cli-suggest-btn{color:var(--color-accent-cyan);cursor:pointer;font-family:var(--font-mono);background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;padding:.2em .6em;font-size:.95em;transition:all .2s cubic-bezier(.16,1,.3,1)}.cli-suggest-btn:hover{border-color:var(--color-accent-cyan);color:#fff;background:#00f2fe1a;transform:translateY(-1px);box-shadow:0 0 10px #00f2fe40}.overclocked~#app-container .cli-suggest-btn{color:#f30}.overclocked~#app-container .cli-suggest-btn:hover{background:#ff33001a;border-color:#f30;box-shadow:0 0 10px #ff330040}.terminal-cli-prompt{border-top:1px dashed #ffffff14;align-items:center;width:100%;margin-top:1em;padding-top:.8em;font-size:.8em;display:flex}.cli-user{color:var(--color-accent-cyan);white-space:nowrap;text-shadow:0 0 5px #00f2fe33;margin-right:.6em;font-weight:700}#cyber-hud.overclocked~#app-container .cli-user{color:#f30;text-shadow:0 0 5px #f303}.cli-input-field{color:var(--color-text-main);width:100%;caret-color:var(--color-accent-cyan);background:0 0;border:none;outline:none;padding:0;font-size:1em}#cyber-hud.overclocked~#app-container .cli-input-field{caret-color:#f30}.cli-input-field::placeholder{color:#ffffff26;font-style:italic}.sim-table-dump{color:var(--color-text-sub);background:#03060ccc;border:1px solid #ffffff0a;border-radius:4px;display:block;overflow-x:auto;padding:.8em!important;font-size:.7em!important;line-height:1.3!important}.sim-code-dump{background:#03060ccc!important;font-size:.75em!important}.click-spark{pointer-events:none;z-index:10000;will-change:transform, opacity, scale;border-radius:50%;width:5px;height:5px;position:fixed;transform:translate(-50%,-50%)}.strobe-active-cyan{animation:.6s cubic-bezier(.25,.46,.45,.94) strobe-flash-neon}@keyframes strobe-flash-neon{0%{border-color:#00f3ffcc;box-shadow:0 0 20px #00f3ff99}20%{border-color:#9d00ffcc;box-shadow:0 0 30px #9d00ffb3}40%{border-color:#ffffffe6;box-shadow:0 0 40px #fffc}60%{border-color:#00f3ffb3;box-shadow:0 0 25px #00f3ff66}80%{border-color:#9d00ff80;box-shadow:0 0 15px #9d00ff33}to{box-shadow:none;border-color:#00f3ff14}}.artifact-badge{letter-spacing:.12em;color:var(--color-accent-cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0b1120bf;border:1px solid #00f2fe40;border-radius:9999px;align-items:center;gap:8px;margin-top:1.25rem;padding:6px 14px;font-size:.72rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #0006}.artifact-badge.active{background:#00f2fe26;border-color:#00f2fecc;transform:scale(1.04);box-shadow:0 0 25px #00f2fe66}.hero-wrapper{flex-direction:column;gap:1.5em;max-width:800px;display:flex}.hero-subtitle{color:var(--color-accent-cyan);text-shadow:0 0 10px #00f2fe33;font-weight:500}.hero-title{font-family:var(--font-sans);text-transform:uppercase;font-size:3.5em;font-weight:300;line-height:1.05}.hero-title .line-wrapper{text-align:left;display:block}.hero-title span{font-family:var(--font-sans);background:linear-gradient(90deg, #fff 0%, var(--color-text-sub) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.hero-title span .char-span{font-weight:800}.hero-desc{max-width:550px;color:var(--color-text-sub);text-align:justify;font-size:.95em;line-height:1.8}.hero-footer{align-items:center;gap:4em;margin-top:2em;display:flex}.scroll-indicator{color:var(--color-text-sub);align-items:center;gap:1em;display:flex}.scroll-line{background-color:var(--color-text-sub);width:40px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background-color:var(--color-accent-cyan);width:100%;height:100%;animation:2s cubic-bezier(.16,1,.3,1) infinite scroll-slide;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes scroll-slide{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.about-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-text-main);text-shadow:0 0 30px #ffffff08;word-break:normal;overflow-wrap:normal;white-space:pre-wrap;-webkit-hyphens:none;hyphens:none;font-size:2.8em;font-weight:400;line-height:1.2}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:6em;width:100%;display:grid}.about-content{flex-direction:column;gap:1.5em;display:flex}.about-tag{color:var(--color-accent-amber)}.about-text{color:var(--color-text-sub);text-align:justify;font-size:.95em;line-height:1.8}.about-quote{color:var(--color-text-main);border-left:2px solid var(--color-accent-cyan);margin:1em 0;padding-left:1.5em;font-size:1.1em;font-style:italic}.about-specs{-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);background:#03040673;border:1px solid #00f2fe14;border-radius:8px;flex-direction:column;gap:1.2em;padding:2.2em;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006,0 0 20px #00f2fe03}.systems-status-tag{font-family:var(--font-mono);color:var(--color-accent-amber);letter-spacing:.1em;opacity:.85;text-shadow:0 0 4px #fbbf241a;pointer-events:none;font-size:.52em;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:12px;right:15px}.systems-status-tag.overclocked{color:#f30!important;text-shadow:0 0 8px #f309!important;opacity:1!important;animation:1s ease-in-out infinite alternate systems-alert-pulse!important}@keyframes systems-alert-pulse{0%{opacity:.4}to{opacity:1}}.about-specs:hover{border-color:#00f2fe40;transform:translateY(-4px);box-shadow:0 20px 45px #00000080,0 0 30px #00f2fe0d}.spec-item{flex-direction:column;gap:.2em;display:flex}.spec-label{font-family:var(--font-mono);color:var(--color-accent-cyan);text-transform:uppercase;font-size:.6em}.spec-value{color:var(--color-text-main);font-size:.8em;font-weight:500}.skills-wrapper{flex-direction:column;gap:3em;width:100%;display:flex}.section-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-end;padding-bottom:1em;display:flex}.skills-grid{grid-template-columns:repeat(3,1fr);gap:2.5em;display:grid}.skill-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth);background-color:#060a164d;border:1px solid #ffffff08;border-radius:6px;padding:2.5em}.skill-category:hover{background-color:#060a1680;border-color:#00f2fe33;transform:translateY(-5px);box-shadow:0 15px 40px #00f2fe05}.category-title{color:var(--color-text-main);justify-content:space-between;align-items:center;margin-bottom:1.5em;display:flex}.category-icon{color:var(--color-accent-cyan);font-size:.8em}.skill-list{flex-direction:column;gap:.8em;display:flex}.skill-item{justify-content:space-between;align-items:center;display:flex}.skill-name{color:var(--color-text-sub);font-size:.85em}.skill-dot-connector{border-bottom:1px dashed #ffffff14;flex-grow:1;height:1px;margin:0 1em}.skill-level{font-family:var(--font-mono);color:var(--color-accent-amber);font-size:.7em}.footer-grid{align-items:space-between;grid-template-columns:1fr 1fr;width:100%;height:70%;display:grid}.footer-left{flex-direction:column;justify-content:space-between;display:flex}.footer-heading{text-transform:uppercase;font-size:2.5em;font-weight:300;line-height:1.1}.footer-heading span{color:var(--color-accent-cyan);text-shadow:0 0 10px #00f2fe33}.footer-credits{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.55em;line-height:1.8}.footer-right{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.contact-links{flex-direction:column;align-items:flex-end;gap:1.5em;display:flex}.contact-item{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-text-sub);transition:var(--transition-fast);font-size:1em;position:relative}.contact-item:hover{color:var(--color-accent-amber)}.contact-item:after{content:"";background-color:var(--color-accent-amber);width:0;height:1px;transition:var(--transition-fast);position:absolute;bottom:-4px;right:0}.contact-item:hover:after{width:100%}.showcase-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4em;width:100%;display:grid}@media (width>=993px){#laravel-backend .showcase-details,#wordpress-cms .showcase-details{order:2}#laravel-backend .showcase-code-panel,#wordpress-cms .showcase-code-panel{order:1}}.showcase-details{flex-direction:column;gap:1.5em;display:flex}.showcase-code-panel{font-family:var(--font-mono);-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);background-color:#02030580;border:1px solid #00f2fe14;border-radius:8px;padding:2.2em;font-size:.74em;line-height:1.6;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000008c,0 0 40px #00f2fe05}.showcase-code-panel:before{content:"";background:linear-gradient(90deg, var(--color-accent-blue), var(--color-accent-cyan));opacity:.85;width:100%;height:2px;position:absolute;top:0;left:0}.showcase-code-panel:hover{border-color:#00f2fe40;box-shadow:0 30px 60px #0009,0 0 40px #00f2fe0f}.code-keyword{color:#f43f5e}.code-function{color:#3b82f6}.code-string{color:#10b981}.code-comment{color:#64748b}.code-tag{color:#fbbf24}.tech-metrics{grid-template-columns:1fr 1fr;gap:2em;margin-top:1.5em;display:grid}.metric-card{-webkit-backdrop-filter:blur(8px);transition:var(--transition-smooth);background-color:#0304064d;border:1px solid #ffffff08;border-radius:6px;padding:1.6em;position:relative;overflow:hidden}.metric-card:before{content:"⚡";opacity:.25;color:var(--color-accent-cyan);font-size:.6em;position:absolute;top:10px;right:12px}.metric-card:hover{background-color:#00f2fe08;border-color:#00f2fe40;transform:translateY(-4px);box-shadow:0 12px 25px #00f2fe0a}.metric-num{color:var(--color-accent-cyan);text-shadow:0 0 10px #00f2fe33;margin-bottom:.2em;font-size:1.8em;font-weight:800;line-height:1}.metric-label{font-family:var(--font-mono);color:var(--color-text-sub);text-transform:uppercase;letter-spacing:.05em;font-size:.55em}.projects-wrapper{flex-direction:column;gap:1.2em;width:100%;max-width:1400px;max-height:calc(100vh - 120px);margin:0 auto;padding:1em 0;display:flex}.project-carrusel{grid-template-columns:repeat(2,1fr);gap:.55em 1em;width:100%;padding-right:4px;display:grid;overflow-y:auto}.project-carrusel::-webkit-scrollbar{width:4px}.project-carrusel::-webkit-scrollbar-track{background:#ffffff05}.project-carrusel::-webkit-scrollbar-thumb{background:#00f2fe4d;border-radius:4px}.project-row{transition:var(--transition-fast);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03060c73;border:1px solid #ffffff0a;border-radius:6px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8em;padding:.7em 1em;display:grid;position:relative;overflow:hidden}.project-row:before{content:"";background:linear-gradient(180deg, var(--color-accent-cyan), #00f2fe33);width:3px;height:100%;transition:var(--transition-fast);position:absolute;top:0;left:0;transform:scaleY(0)}.project-row:hover{background-color:#00f2fe0a;border-color:#00f2fe4d;padding-left:1.3em;transform:translateY(-1px)}.project-row:hover:before{transform:scaleY(1)}.project-num{font-family:var(--font-mono);color:var(--color-text-muted);transition:var(--transition-fast);font-size:.72em;font-weight:700}.project-row:hover .project-num{color:var(--color-accent-cyan)}.project-info-group{flex-direction:column;gap:.2em;min-width:0;display:flex}.project-name-row{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.project-name{text-transform:uppercase;color:#e2e8f0;letter-spacing:.02em;transition:var(--transition-fast);margin:0;font-size:1.02em;font-weight:500}.project-row:hover .project-name{color:#fff}.project-category-sub{color:#94a3b8a6;letter-spacing:.04em;transition:var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;font-size:.58em;overflow:hidden}.project-row:hover .project-category-sub{color:#ffffffd9}.project-badge{letter-spacing:.08em;white-space:nowrap;vertical-align:middle;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;padding:.18em .55em;font-size:.48em;font-weight:700;line-height:1.2;display:inline-block}.badge-cyan{color:#00f2fe;background:#00f2fe14;border-color:#00f2fe59}.badge-rose{color:#f43f5e;background:#f43f5e14;border-color:#f43f5e59}.badge-blue{color:#38bdf8;background:#38bdf814;border-color:#38bdf859}.badge-purple{color:#c084fc;background:#c084fc14;border-color:#c084fc59}.badge-pink{color:#fb7185;background:#fb718514;border-color:#fb718559}.badge-emerald{color:#10b981;background:#10b98114;border-color:#10b98159}.badge-sky{color:#0ea5e9;background:#0ea5e914;border-color:#0ea5e959}.badge-amber{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2459}.badge-violet{color:#a855f7;background:#a855f714;border-color:#a855f759}.project-techs{flex-wrap:wrap;gap:.4em;display:flex}.project-tech-tag{font-family:var(--font-mono);color:var(--color-text-sub);transition:var(--transition-fast);background-color:#ffffff08;border:1px solid #ffffff0f;border-radius:100px;padding:.2em .55em;font-size:.5em}.project-row:hover .project-tech-tag{color:#fffffff2;border-color:#00f2fe40}.project-arrow{font-family:var(--font-mono);color:var(--color-text-muted);transition:var(--transition-fast);justify-self:end;font-size:.95em}.project-row:hover .project-arrow{color:var(--color-accent-cyan);transform:translate(4px)}.panel-header{border-bottom:1px solid #00f2fe1a;flex-wrap:wrap;align-items:center;gap:1em;margin-bottom:1.2em;padding-bottom:.8em;display:flex}.mac-buttons{align-items:center;gap:6px;display:flex}.mac-btn{border-radius:50%;width:11px;height:11px;display:inline-block;box-shadow:inset 0 0 4px #0000004d}.mac-btn.close{background-color:#ff5f56;border:1px solid #e0443e}.mac-btn.minimize{background-color:#ffbd2e;border:1px solid #dea123}.mac-btn.maximize{background-color:#27c93f;border:1px solid #1aab29}.panel-filename{color:var(--color-text-sub);letter-spacing:.05em;font-size:.85em}.panel-controls{gap:.5em;margin-left:auto;display:flex}.panel-control-btn{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;cursor:pointer;min-width:110px;transition:var(--transition-fast);background:0 0;border:1px solid #ffffff14;border-radius:4px;padding:.5em 1.2em;font-size:.75em}.panel-control-btn:hover{color:var(--color-text-main);border-color:#fff3}.panel-control-btn.active{color:var(--color-accent-cyan);text-shadow:0 0 8px #00f2fe4d;background-color:#00f2fe0a;border-color:#00f2fe66;box-shadow:0 0 10px #00f2fe05}.panel-sim-view{width:100%;animation:.3s ease-out terminal-boot}@keyframes terminal-boot{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.simulator-terminal{background-color:#020306bf;border:1px solid #00f2fe0f;border-radius:6px;flex-direction:column;gap:.8em;min-height:180px;padding:1.4em;font-size:.9em;line-height:1.6;display:flex;position:relative}.simulator-terminal:before{content:"";pointer-events:none;background:linear-gradient(#00f2fe03 50%,#00000026 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000003,#00ff0001,#0000ff03) 0 0/6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.simulator-header{letter-spacing:.1em;color:var(--color-accent-amber);border-bottom:1px dashed #fbbf2426;margin-bottom:.2em;padding-bottom:.4em;font-size:.75em}.sim-metric-row{color:var(--color-text-sub);justify-content:space-between;font-size:.8em;display:flex}.sim-accent-cyan{color:var(--color-accent-cyan);text-shadow:0 0 8px #00f2fe4d}.sim-accent-amber{color:var(--color-accent-amber);text-shadow:0 0 8px #fbbf244d}.sim-chart-bar-container{background-color:#ffffff05;border-radius:10px;width:100%;height:3px;margin:.4em 0;overflow:hidden}.sim-chart-bar{background:linear-gradient(90deg, var(--color-accent-blue), var(--color-accent-cyan));height:100%;transition:width .3s ease-out;box-shadow:0 0 8px #00f2fe80}.sim-code-dump,.sim-table-dump{color:#10b981;background-color:#0000004d;border:1px solid #10b98114;border-radius:4px;margin:.2em 0;padding:.8em;font-size:.75em;line-height:1.4;overflow-x:auto}.sim-log-output{color:var(--color-text-muted);scrollbar-width:none;border-top:1px dashed #ffffff0a;flex-direction:column;gap:.2em;height:50px;padding-top:.6em;font-size:.7em;display:flex;overflow-y:auto}.sim-log-output::-webkit-scrollbar{display:none}.log-info{color:var(--color-text-muted)}.log-success{color:#10b981}.log-warn{color:var(--color-accent-amber)}.details-drawer{z-index:1500;pointer-events:none;visibility:hidden;width:100vw;height:100vh;transition:visibility 0s .6s;position:fixed;top:0;left:0}.details-drawer.active{pointer-events:auto;visibility:visible;transition:visibility}.drawer-backdrop{-webkit-backdrop-filter:blur();opacity:0;background-color:#02030666;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .6s cubic-bezier(.16,1,.3,1),backdrop-filter .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.details-drawer.active .drawer-backdrop{opacity:1;-webkit-backdrop-filter:blur(12px)}.drawer-panel{-webkit-backdrop-filter:blur(32px)saturate(180%);background:#040710d9;border-left:1px solid #00f2fe1f;flex-direction:column;width:48vw;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #000000b3,inset 1px 0 #ffffff05}.details-drawer.active .drawer-panel{transform:translate(0)}.drawer-close-btn{font-family:var(--font-mono);color:var(--color-accent-cyan);cursor:pointer;z-index:10;text-shadow:0 0 8px #00f2fe4d;transition:var(--transition-fast);background:0 0;border:1px solid #00f2fe33;border-radius:4px;padding:.6em 1.2em;font-size:.75em;position:absolute;top:2em;left:3em;box-shadow:0 0 15px #00f2fe0d}.drawer-close-btn:hover{border-color:var(--color-accent-cyan);background-color:#00f2fe0d;box-shadow:0 0 20px #00f2fe26}.drawer-scroll-area{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#00f2fe33 #0000001a;flex-grow:1;padding:6.5em 4em 4em;overflow-y:auto}.drawer-scroll-area::-webkit-scrollbar{width:4px}.drawer-scroll-area::-webkit-scrollbar-track{background:#0000000d}.drawer-scroll-area::-webkit-scrollbar-thumb{background:#00f2fe26;border-radius:10px}.drawer-header{border-bottom:1px solid #ffffff0a;margin-bottom:2.5em;padding-bottom:2em}.drawer-num{color:var(--color-accent-cyan);text-shadow:0 0 10px #00f2fe4d;margin-bottom:.4em;font-size:1.4em;display:block}.drawer-category{color:var(--color-accent-amber);letter-spacing:.15em;margin-bottom:.6em;display:block}.drawer-title{font-family:var(--font-serif);color:var(--color-text-main);font-size:2.8em;font-weight:400;line-height:1.1}.drawer-body{flex-direction:column;gap:2.5em;display:flex}.drawer-section{flex-direction:column;gap:.8em;display:flex}.drawer-section-title{color:var(--color-accent-cyan);letter-spacing:.1em;border-left:2px solid var(--color-accent-cyan);padding-left:.8em;font-size:.7em}.drawer-text{color:var(--color-text-sub);text-align:justify;font-size:.9em;line-height:1.7}.drawer-diagram-toolbar{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px;display:flex}.drawer-diagram-btn{color:var(--color-accent-cyan);cursor:pointer;letter-spacing:.04em;background:#00f2fe0d;border:1px solid #00f2fe33;border-radius:4px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.drawer-diagram-btn:hover{border-color:var(--color-accent-cyan);color:#fff;background:#00f2fe26;transform:translateY(-1px);box-shadow:0 0 15px #00f2fe40}.drawer-diagram-btn svg{stroke:currentColor;flex-shrink:0}.drawer-architecture-svg-container{cursor:pointer;background-color:#02030673;border:1px solid #00f2fe1f;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:.8em;padding:.8em;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #000000bf,0 0 15px #00f2fe05}.drawer-architecture-svg-container:hover{border-color:#00f2fe59;box-shadow:inset 0 0 25px #000000bf,0 0 25px #00f2fe1a}.drawer-architecture-svg-container svg{width:100%;height:auto;max-height:320px;display:block}.drawer-architecture-ascii{color:var(--color-accent-cyan);letter-spacing:0;background-color:#02030599;border:1px solid #00f2fe14;border-radius:6px;padding:1.5em;font-size:.75em;line-height:1.5;overflow-x:auto;box-shadow:inset 0 0 20px #0009}.drawer-metrics{grid-template-columns:1fr 1fr;gap:1.5em;display:grid}.drawer-metric-item{background-color:#ffffff03;border:1px solid #ffffff08;border-radius:6px;padding:1.2em}.drawer-metric-num{font-family:var(--font-mono);color:var(--color-text-main);margin-bottom:.2em;font-size:1.5em;font-weight:700;line-height:1.1}.drawer-metric-label{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.55em}.drawer-techs{flex-wrap:wrap;gap:.6em;display:flex}.drawer-tech-pill{font-family:var(--font-mono);color:var(--color-text-sub);background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:100px;padding:.4em 1em;font-size:.65em}.drawer-footer{border-top:1px solid #ffffff0a;margin-top:1.5em;padding-top:2em}.drawer-action-link{text-align:center;font-family:var(--font-mono);color:var(--color-bg-primary);background-color:var(--color-text-main);border:1px solid var(--color-text-main);cursor:pointer;transition:var(--transition-fast);border-radius:4px;padding:1em;font-size:.85em;font-weight:700;display:block;box-shadow:0 10px 20px #0000004d}.drawer-action-link:hover{color:var(--color-text-main);background-color:#0000;transform:translateY(-2px);box-shadow:0 0 20px #ffffff1a}@media (width<=992px){.hero-wrapper{text-align:center;align-items:center;gap:1.2em;max-width:90%;margin:0 auto}.hero-subtitle{text-align:center;letter-spacing:.06em;font-size:.65em}.hero-title{text-align:center;font-size:2.6em}.hero-title .line-wrapper{text-align:center}.hero-desc{text-align:center;max-width:90%;margin:0 auto;font-size:.88em;line-height:1.65}.hero-footer{justify-content:center;margin-top:.5em;display:flex}.about-title{font-size:2.2em}.showcase-grid{flex-direction:column;gap:2.2em;width:100%;display:flex}.showcase-details{flex-direction:column;gap:1.2em;width:100%;display:flex;order:1!important}.showcase-code-panel{width:100%;padding:1.6em;order:2!important}.tech-metrics{grid-template-columns:repeat(2,1fr);gap:1.2em}.about-grid{grid-template-columns:1fr;gap:3em}.skills-grid{grid-template-columns:1fr;gap:1.5em}.project-carrusel{grid-template-columns:1fr;gap:.5em;max-height:calc(100vh - 180px);overflow-y:auto}.project-row{grid-template-columns:auto 1fr auto;padding:.75em 1em}.project-techs{display:none}.footer-grid{grid-template-columns:1fr;gap:4em}.footer-right,.contact-links{align-items:flex-start}.drawer-panel{border-left:none;width:100vw}.drawer-scroll-area{padding:6.5em 2.5em 3em}}@media (width<=576px){.hero-wrapper{gap:.9em;max-width:95%}.hero-title{font-size:2.1em;line-height:1.1}.hero-subtitle{font-size:.58em}.hero-desc{max-width:95%;font-size:.8em;line-height:1.5}.about-title{font-size:1.7em}.about-text{font-size:.85em;line-height:1.6}.about-specs{padding:1.5em}.showcase-grid{flex-direction:column;gap:1.5em;display:flex}.showcase-details{gap:.9em;order:1!important}.showcase-code-panel{padding:1.1em;font-size:.58em;order:2!important}.tech-metrics{grid-template-columns:1fr;gap:.75em}.simulator-terminal{min-height:160px;padding:1em}.project-carrusel{grid-template-columns:1fr;gap:.45em;max-height:calc(100vh - 170px);overflow-y:auto}.project-row{grid-template-columns:auto 1fr auto;padding:.6em .8em}.project-name{font-size:.92em}.project-category-sub{font-size:.55em}.footer-heading{font-size:1.8em}.drawer-close-btn{padding:.5em 1em;top:1.5em;left:1.5em}.drawer-scroll-area{padding:5.5em 1.5em 2em}.drawer-title{font-size:2em}.drawer-metrics{grid-template-columns:1fr;gap:1em}.drawer-metric-item{padding:.8em}.drawer-metric-num{font-size:1.2em}.drawer-text{font-size:.82em;line-height:1.6}}.drawer-tab-container{background:#03030499;border:1px solid #00f3ff26;border-radius:6px;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.drawer-tab-btn{color:var(--color-text-sub);font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 12px;font-size:10px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative}.drawer-tab-btn:not(:last-child){border-right:1px solid #00f3ff1a}.drawer-tab-btn:hover{color:var(--color-accent-cyan);background:#00f3ff0d}.drawer-tab-btn.active{color:var(--color-accent-cyan);text-shadow:0 0 12px #00f3ff80;background:#00f3ff14}.drawer-tab-btn.active:after{content:"";background:var(--color-accent-cyan);width:80%;height:2px;box-shadow:0 0 8px var(--color-accent-cyan);position:absolute;bottom:0;left:10%}.drawer-tab-content{display:none}.drawer-tab-content.active{display:block}.cyber-tooltip-container{z-index:10000;pointer-events:none;-webkit-backdrop-filter:blur(12px);opacity:0;background:#03030aeb;border:1px solid #00f3ff59;border-radius:6px;max-width:260px;padding:10px 16px;transition:opacity .2s;position:fixed;transform:translate(12px,-50%);box-shadow:0 0 20px #00f3ff26,inset 0 0 15px #00f3ff08}.cyber-tooltip-container.visible{opacity:1}.cyber-tooltip-text{font-family:var(--font-mono);color:var(--color-accent-cyan);letter-spacing:.5px;white-space:pre-line;font-size:10px;line-height:1.6}.drawer-roi-card{flex-direction:column;gap:12px;margin-top:12px;display:flex}.drawer-roi-item{background:#03060cb3;border:1px solid #00f3ff1f;border-radius:6px;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .3s,box-shadow .3s;display:flex}.drawer-roi-item:hover{border-color:#00f3ff4d;box-shadow:0 0 15px #00f3ff14}.drawer-roi-icon{color:#10b981;background:#10b98126;border:1px solid #10b98166;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;line-height:1;display:flex}.drawer-roi-text{font-family:var(--font-sans);color:var(--color-text-sub);font-size:13px;line-height:1.55}.header-controls{align-items:center;gap:16px;display:flex}.cmd-trigger-btn{color:var(--color-text-sub);cursor:pointer;transition:var(--transition-fast);background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex}.cmd-trigger-btn:hover{color:var(--color-text-main);background:#ffffff0d;border-color:#fff3}.cmd-icon{color:inherit;flex-shrink:0}.cmd-hotkey{font-family:var(--font-mono);color:var(--color-text-sub);letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:1px 4px;font-size:9px}.cmd-palette{z-index:9000;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-palette-backdrop{-webkit-backdrop-filter:blur(8px);opacity:0;background:#03030499;transition:opacity .25s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.cmd-palette.active .cmd-palette-backdrop{opacity:1}.cmd-palette-panel{z-index:10;-webkit-backdrop-filter:blur(20px);opacity:0;background:#07080af2;border:1px solid #ffffff14;border-radius:8px;width:100%;max-width:580px;margin:0 16px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(-20px)scale(.98);box-shadow:0 30px 70px #000c,inset 0 1px #ffffff05}.cmd-palette.active .cmd-palette-panel{opacity:1;transform:translateY(0)scale(1)}.cmd-palette-search-wrapper{border-bottom:1px solid #ffffff0f;align-items:center;padding:14px 18px;display:flex}.cmd-palette-prompt{color:var(--color-text-sub);-webkit-user-select:none;user-select:none;margin-right:12px;font-size:14px}.cmd-palette-input{color:var(--color-text-main);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex-grow:1;padding:0;font-size:13px}.cmd-palette-input::placeholder{color:var(--color-text-muted)}.cmd-palette-esc{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-size:9px}.cmd-palette-results{overscroll-behavior:contain;max-height:280px;padding:8px;overflow-y:auto}.cmd-palette-item{cursor:pointer;color:var(--color-text-sub);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s,color .15s;display:flex}.cmd-palette-item-content{align-items:center;gap:12px;display:flex}.cmd-palette-item-icon{font-family:var(--font-mono);color:var(--color-text-muted);font-size:11px}.cmd-palette-item-name{font-family:var(--font-mono);color:inherit;font-size:12px}.cmd-palette-item-desc{font-family:var(--font-sans);color:var(--color-text-muted);font-size:11px}.cmd-palette-item-badge{font-family:var(--font-mono);color:var(--color-text-muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;padding:2px 6px;font-size:9px}.cmd-palette-item:hover,.cmd-palette-item.active{color:var(--color-text-main);background:#ffffff0a}.cmd-palette-item:hover .cmd-palette-item-icon,.cmd-palette-item.active .cmd-palette-item-icon,.cmd-palette-item:hover .cmd-palette-item-desc,.cmd-palette-item.active .cmd-palette-item-desc{color:var(--color-text-sub)}.diagram-modal{z-index:10000;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.diagram-modal.active{opacity:1;pointer-events:auto}.diagram-modal-backdrop{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#03060ee0;position:absolute;inset:0}.diagram-modal-dialog{z-index:2;background:#0b0f19;border:1px solid #334155;border-radius:12px;flex-direction:column;width:92vw;max-width:1400px;height:88vh;max-height:920px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:scale(.96)translateY(12px);box-shadow:0 25px 80px #000000e6,0 0 0 1px #ffffff0d}.diagram-modal.active .diagram-modal-dialog{transform:scale(1)translateY(0)}.diagram-modal-header{background:#090d16;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.diagram-modal-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-size:10px;display:block}.diagram-modal-title{color:#f8fafc;letter-spacing:.04em;margin:0;font-size:16px;font-weight:700}.diagram-modal-actions{align-items:center;gap:12px;display:flex}.diagram-modal-btn{color:#e2e8f0;cursor:pointer;letter-spacing:.04em;background:#131b2c;border:1px solid #334155;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:11px;text-decoration:none;transition:all .25s;display:inline-flex}.diagram-modal-btn:hover{color:#38bdf8;background:#1e293b;border-color:#38bdf8;transform:translateY(-1px)}.diagram-modal-close{color:#94a3b8;cursor:pointer;letter-spacing:.04em;background:#131b2c;border:1px solid #334155;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:11px;transition:all .25s;display:inline-flex}.diagram-modal-close:hover{color:#ef4444;background:#1e293b;border-color:#ef4444;transform:translateY(-1px)}.diagram-modal-viewport{background:#060911;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.diagram-modal-canvas{justify-content:center;align-items:center;width:100%;max-width:1250px;display:flex}.diagram-modal-canvas svg{border-radius:6px;width:100%;height:auto;max-height:70vh;display:block;box-shadow:0 10px 30px #000c,0 0 0 1px #1e293b}.diagram-modal-footer{color:#64748b;letter-spacing:.06em;background:#090d16;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;padding:10px 24px;font-size:10px;display:flex}@media (width<=768px){.diagram-modal-dialog{width:96vw;height:94vh}.diagram-modal-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.diagram-modal-actions{justify-content:space-between;width:100%}.diagram-modal-viewport{padding:12px}}.blink{animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{border-color:#0000}50%{border-color:currentColor}}.pulse-glow{animation:4s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px #00f2fe1a,0 0 20px #00f2fe0d}50%{text-shadow:0 0 20px #00f2fe4d,0 0 40px #00f2fe26}}.ambient-fog{width:100vw;height:100vh;z-index:calc(var(--z-canvas) + 1);pointer-events:none;background:radial-gradient(circle,#02040a00 0%,#02040acc 80%,#02040a 100%);position:fixed;top:0;left:0}#hero-main-title .char-span{animation:4s ease-in-out infinite underwater-wave;animation-delay:calc(var(--char-idx) * .12s);display:inline-block}@keyframes underwater-wave{0%,to{text-shadow:0 0 12px #00f2fe80,0 0 25px #00f2fe26;filter:blur();transform:translateY(0)rotate(0)}33%{text-shadow:0 0 24px #00f2fed9,0 0 35px #00f2fe66,0 0 45px #a855f759;filter:blur(.4px);color:#fff;transform:translateY(-5px)scale(1.04)rotate(.8deg)}66%{text-shadow:0 0 16px #00f2fea6,0 0 28px #00f2fe40;filter:blur(.2px);color:var(--color-accent-cyan);transform:translateY(3px)scale(.96)rotate(-.8deg)}}.explorer-mode-toggle{z-index:890;color:#dffcff;letter-spacing:.12em;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:linear-gradient(135deg,#00f2fe14,#0000 42%),#020710c2;border:1px solid #00f2fe61;border-radius:4px;align-items:center;gap:10px;min-height:42px;padding:0 16px;font-size:10px;font-weight:700;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s;display:inline-flex;position:fixed;bottom:clamp(18px,3vw,42px);right:clamp(18px,3vw,48px);box-shadow:0 12px 35px #0000006b,inset 0 0 24px #00f2fe09}.explorer-mode-toggle[hidden]{display:none}.explorer-mode-toggle:before,.explorer-mode-toggle:after{content:"";pointer-events:none;width:7px;height:7px;position:absolute}.explorer-mode-toggle:before{border-top:1px solid #8df7ff;border-left:1px solid #8df7ff;top:-1px;left:-1px}.explorer-mode-toggle:after{border-bottom:1px solid #8df7ff;border-right:1px solid #8df7ff;bottom:-1px;right:-1px}.explorer-mode-toggle:hover,.explorer-mode-toggle:focus-visible{background-color:#04111ee6;border-color:#00f2fec7;outline:none;transform:translateY(-3px)}.explorer-mode-toggle[aria-pressed=true]{color:#ffd8d2;background:#160507b8;border-color:#ff705ea6;top:clamp(18px,3vw,38px);bottom:auto}@media (pointer:fine) and (width>=769px){.explorer-active .explorer-mode-toggle[aria-pressed=true]{display:none}}.explorer-hud{z-index:850;pointer-events:none;opacity:0;visibility:hidden;color:#baf7ff;transition:opacity .45s,visibility .45s;display:block;position:fixed;inset:0}.explorer-hud:before{content:"";mix-blend-mode:screen;opacity:.55;background:linear-gradient(#00f2fe06 1px,#0000 1px) 0 0/100% 5px,radial-gradient(circle,#0000 45%,#00081273 100%);position:absolute;inset:0}.explorer-hud.active{opacity:1;visibility:visible}.explorer-look-zone{z-index:1;pointer-events:auto;cursor:crosshair;touch-action:none;position:absolute;inset:0}.explorer-hud-top{z-index:4;letter-spacing:.13em;text-transform:uppercase;flex-direction:column;gap:12px;font-size:10px;display:flex;position:absolute;top:clamp(22px,4vw,52px);left:clamp(18px,4vw,58px)}.explorer-status-line{color:#d7faffd1;align-items:center;gap:9px;display:flex}.explorer-biome-readout{color:#8bd2dd8c;align-items:baseline;gap:10px;display:flex}.explorer-biome-readout strong{color:#fff;text-shadow:0 0 16px #00f2fe6b;font-size:13px;font-weight:700}.explorer-reticle{z-index:3;border:1px solid #00f2fe1a;border-radius:50%;width:76px;height:76px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 42px #00f2fe0d}.explorer-reticle:before,.explorer-reticle:after{content:"";background:#8af7ff94;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.explorer-reticle:before{width:28px;height:1px}.explorer-reticle:after{width:1px;height:28px}.reticle-dot{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #00f2fe}.reticle-corner{border-color:#00f2fea8;width:14px;height:14px;position:absolute}.reticle-corner-tl{border-top:1px solid;border-left:1px solid;top:4px;left:4px}.reticle-corner-tr{border-top:1px solid;border-right:1px solid;top:4px;right:4px}.reticle-corner-bl{border-bottom:1px solid;border-left:1px solid;bottom:4px;left:4px}.reticle-corner-br{border-bottom:1px solid;border-right:1px solid;bottom:4px;right:4px}.explorer-telemetry{z-index:4;background:linear-gradient(90deg,#0000,#020b149e);border-top:1px solid #00f2fe38;border-bottom:1px solid #00f2fe1a;min-width:min(310px,100vw - 36px);display:grid;position:absolute;bottom:clamp(76px,8vw,112px);right:clamp(18px,4vw,58px)}.explorer-telemetry>div{letter-spacing:.12em;border-bottom:1px solid #ffffff09;justify-content:space-between;gap:24px;padding:8px 0 8px 22px;font-size:9px;display:flex}.explorer-telemetry span{color:#95c9d385}.explorer-telemetry strong{color:#ebfeffe6;font-weight:500}.explorer-telemetry .explorer-safe-value{color:#34d399}.explorer-help{z-index:4;color:#b7e5eb8f;letter-spacing:.1em;text-align:center;width:min(760px,100vw - 40px);margin:0;font-size:9px;position:absolute;bottom:clamp(22px,3vw,42px);left:50%;transform:translate(-50%)}.explorer-touch-controls{display:none}.explorer-active #app-container,.explorer-active #nav-header,.explorer-active .mobile-menu-overlay,.explorer-active .custom-cursor,.explorer-active .custom-cursor-ring{opacity:0!important;pointer-events:none!important}.explorer-active #app-container,.explorer-active #nav-header{transition:opacity .35s}@media (pointer:coarse),(width<=768px){.explorer-mode-toggle{min-height:40px;padding:0 12px;font-size:8px;bottom:16px;right:14px}.explorer-mode-toggle[aria-pressed=true]{top:14px;right:14px}.explorer-hud-top{max-width:56vw;font-size:8px;top:18px;left:16px}.explorer-reticle{width:58px;height:58px}.explorer-telemetry{width:46vw;min-width:190px;bottom:116px;right:14px}.explorer-telemetry>div{gap:8px;padding:6px 0 6px 8px;font-size:7px}.explorer-telemetry>div:last-child{display:none}.explorer-help{font-size:7px;line-height:1.5;top:72px;bottom:auto}.explorer-touch-controls{z-index:6;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 14px 18px}.explorer-touch-pad{pointer-events:auto;grid-template-rows:repeat(2,38px);grid-template-columns:repeat(3,38px);gap:4px;display:grid}.explorer-touch-pad button{color:#defdffd1;font-family:var(--font-mono);-webkit-backdrop-filter:blur(8px);touch-action:none;background:#020a1294;border:1px solid #00f2fe42;border-radius:4px;font-size:9px}.explorer-touch-pad button:active{background:#00f2fe29;border-color:#00f2fe}.explorer-move-pad button:first-child{grid-area:1/2}.explorer-move-pad button:nth-child(2){grid-area:2/1}.explorer-move-pad button:nth-child(3){grid-area:2/2}.explorer-move-pad button:nth-child(4){grid-area:2/3}.explorer-altitude-pad{grid-template-columns:repeat(2,38px)}}@media (prefers-reduced-motion:reduce){.explorer-mode-toggle,.explorer-hud,.explorer-active #app-container,.explorer-active #nav-header{transition-duration:.01ms}}.graphics-mode-control{z-index:892;color:#bee6ec9e;-webkit-backdrop-filter:blur(14px);background:#020710b8;border:1px solid #70d3e033;border-radius:4px;align-items:center;gap:10px;min-height:36px;padding:4px 5px 4px 12px;display:flex;position:fixed;bottom:clamp(72px,6.4vw,96px);right:clamp(18px,3vw,48px);box-shadow:0 10px 30px #00000052,inset 0 0 20px #00f2fe06}.graphics-mode-control[hidden],.graphics-transition-overlay[hidden]{display:none}.graphics-mode-control-label{letter-spacing:.14em;font-size:7px}.graphics-mode-options{gap:3px;display:flex}.graphics-mode-options button{color:#badbe17a;min-height:26px;font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:0 9px;font-size:7px;font-weight:700;transition:color .25s,border-color .25s,background .25s,box-shadow .25s}.graphics-mode-options button:hover,.graphics-mode-options button:focus-visible{color:#f4fdff;border-color:#00f2fe4d;outline:none}.graphics-mode-options button[data-graphics-mode=performance][aria-pressed=true]{color:#ffe7a3;background:#fbbf2414;border-color:#fbbf247a;box-shadow:inset 0 0 14px #fbbf240f}.graphics-mode-options button[data-graphics-mode=ultra][aria-pressed=true]{color:#dffcff;background:#00d2e014;border-color:#00d2e070;box-shadow:inset 0 0 14px #00d2e00f}.graphics-mode-options button[data-graphics-mode=ultra-plus][aria-pressed=true]{color:#f1e6ff;background:linear-gradient(135deg,#00f2fe1a,#a855f724);border-color:#a855f794;box-shadow:inset 0 0 16px #a855f717,0 0 20px #00f2fe0e}.graphics-mode-options button:disabled{cursor:wait;opacity:.56}.explorer-active .graphics-mode-control{top:clamp(72px,8vw,94px);bottom:auto;right:clamp(18px,3vw,48px)}.graphics-transition-overlay{z-index:7000;color:#e8fdff;pointer-events:auto;background:radial-gradient(circle at 50% 42%,#0069822e,#0000 36%),linear-gradient(145deg,#010309fb,#020a13fc);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.graphics-transition-grid{transform-origin:bottom;pointer-events:none;background-image:linear-gradient(#00f2fe0a 1px,#0000 1px),linear-gradient(90deg,#00f2fe09 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:-20%;transform:perspective(600px)rotateX(61deg)translateY(17%);-webkit-mask-image:radial-gradient(circle,#000 5%,#0000 66%);mask-image:radial-gradient(circle,#000 5%,#0000 66%)}.graphics-transition-scan{pointer-events:none;background:linear-gradient(#0000,#00f2fe0b,#0000);width:100%;height:18%;animation:1.25s linear infinite graphics-scan;position:absolute;top:-20%;left:0}.graphics-transition-panel{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:linear-gradient(135deg,#00f2fe0d,#0000 32%),#02070fdb;border:1px solid #00f2fe3b;width:min(660px,100vw - 40px);padding:clamp(28px,5vw,54px);position:relative;box-shadow:0 35px 90px #00000094,inset 0 0 60px #00f2fe06}.graphics-transition-panel:before,.graphics-transition-panel:after{content:"";background:#00f2fe;width:52px;height:1px;position:absolute;box-shadow:0 0 14px #00f2fe80}.graphics-transition-panel:before{top:0;left:28px}.graphics-transition-panel:after{bottom:0;right:28px}.graphics-loading-kicker{color:#6dd1de8f;letter-spacing:.18em;margin-bottom:18px;font-size:8px;display:block}.graphics-loading-title{color:#effdfffa;max-width:560px;font-family:var(--font-primary);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(24px,4.5vw,52px);font-weight:600;line-height:.96}.graphics-loading-mode{color:#00f2fe;letter-spacing:.17em;text-shadow:0 0 18px #00f2fe4d;margin-top:22px;font-size:clamp(11px,1.4vw,15px);display:block}.graphics-transition-overlay[data-mode=performance] .graphics-loading-mode{color:#fbbf24;text-shadow:0 0 18px #fbbf2438}.graphics-transition-overlay[data-mode=ultra-plus] .graphics-loading-mode{color:#d8b4fe;text-shadow:0 0 20px #a855f757}.graphics-loading-description{color:#a4d1d885;letter-spacing:.1em;margin:9px 0 34px;font-size:clamp(7px,1vw,10px)}.graphics-loading-track{background:#84cbd417;width:100%;height:3px;position:relative;overflow:hidden}.graphics-loading-track:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 22px,#ffffff1f 22px 23px);height:1px;position:absolute;inset:1px 0 auto}.graphics-loading-track span{background:linear-gradient(90deg,#007d95,#00f2fe,#a855f7);width:0;position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #00f2fe73}.graphics-transition-overlay[data-mode=performance] .graphics-loading-track span{background:linear-gradient(90deg,#7c4f08,#fbbf24,#fff1b5);box-shadow:0 0 18px #fbbf2452}.graphics-transition-overlay[data-mode=ultra-plus] .graphics-loading-track span{background:linear-gradient(90deg,#00a7be,#00f2fe,#a855f7,#e9d5ff);box-shadow:0 0 22px #a855f76b}.graphics-loading-readout{color:#b0dce39e;letter-spacing:.1em;justify-content:space-between;gap:24px;margin-top:13px;font-size:clamp(7px,.95vw,9px);display:flex}.graphics-loading-readout strong{color:#f6feff;font-weight:600}.graphics-loading-specs{color:#87b5be59;letter-spacing:.13em;flex-wrap:wrap;gap:8px 20px;margin-top:30px;font-size:7px;display:flex}.graphics-switching{overflow:hidden}@keyframes graphics-scan{0%{transform:translateY(-20vh)}to{transform:translateY(140vh)}}@media (width<=768px),(pointer:coarse){.graphics-mode-control{gap:6px;min-height:34px;padding:3px 4px 3px 8px;bottom:66px;right:14px}.graphics-mode-control-label{font-size:6px}.graphics-mode-options button{min-height:26px;padding:0 7px;font-size:6.5px}.explorer-active .graphics-mode-control{top:64px;right:14px}.graphics-transition-overlay{padding:16px}.graphics-transition-panel{width:100%;padding:30px 24px}.graphics-loading-readout{min-height:30px;line-height:1.45}}@media (width<=390px){.graphics-mode-control-label{display:none}}@media (prefers-reduced-motion:reduce){.graphics-mode-options button{transition-duration:.01ms}.graphics-transition-scan{opacity:.35;animation:none}}