@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Space+Mono:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@900&family=JetBrains+Mono:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap";
.lattice-sunder-wrap{--amethyst-deep:#fb00be;--amethyst-bright:#9e1386;--lattice-pink:#d400a8;--lattice-pink-dark:#5a003f;--neural-pink:#ff0080;--glitch-cyan:#00f3ff;--lattice-opacity:.15;--transition-speed:.6s;--ease-out-expo:cubic-bezier(.19,1,.22,1);perspective:1000px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;max-width:320px;height:100px;margin:0 auto;font-family:Orbitron,sans-serif;display:block;position:relative}.lattice-sunder-wrap.disabled{cursor:not-allowed;pointer-events:none;opacity:.5;filter:grayscale(.5)contrast(.8)}.lattice-sunder-wrap.disabled .shutter{background:#1a0b2e!important}.lattice-sunder-wrap.disabled .btn-status{color:#666}.lattice-sunder-wrap:not(.is-open):not(.disabled) .shutter{background:linear-gradient(135deg,#fb00be 0%,#fb32cb 100%);border-color:#0a00148c;box-shadow:inset 0 0 16px #00000038,inset 0 0 10px #ffffff14}.lattice-sunder-wrap:not(.is-open):not(.disabled) .neural-button{box-shadow:0 0 38px #ff008047}.neural-button{background:linear-gradient(90deg,var(--amethyst-deep),#2a0e4a);border:1px solid var(--neural-pink);color:#fff;text-transform:uppercase;letter-spacing:4px;z-index:1;flex-direction:column;justify-content:center;align-items:center;transition:transform .1s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 30px #ff008033}.neural-button:before{content:"";background:radial-gradient(circle,var(--neural-pink)0%,transparent 70%);opacity:.1;width:200%;height:200%;animation:4s infinite pulse;position:absolute;top:-50%;left:-50%}.btn-label{text-shadow:0 0 10px var(--neural-pink);z-index:2;font-size:1.2rem;font-weight:900}.btn-status{color:var(--glitch-cyan);letter-spacing:1px;z-index:2;margin-top:4px;font-family:Space Mono,monospace;font-size:.6rem;transition:color .2s}.btn-status.success{color:#fff;text-shadow:0 0 8px #fffc}.shutter{z-index:10;width:100%;height:50%;transition:transform var(--transition-speed)var(--ease-out-expo);background:linear-gradient(135deg,#fb00be 0%,#fc66d8 100%);border:1px solid #0000008c;justify-content:center;align-items:center;display:flex;position:absolute;left:0;overflow:hidden}.shutter:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff14 0%,#0000 40%,#0006 100%);position:absolute;inset:0}.lattice-pattern{background-image:linear-gradient(30deg,var(--lattice-pink)12%,transparent 12.5%,transparent 87%,var(--lattice-pink)87.5%,var(--lattice-pink)),linear-gradient(150deg,var(--lattice-pink)12%,transparent 12.5%,transparent 87%,var(--lattice-pink)87.5%,var(--lattice-pink)),linear-gradient(30deg,var(--lattice-pink)12%,transparent 12.5%,transparent 87%,var(--lattice-pink)87.5%,var(--lattice-pink)),linear-gradient(150deg,var(--lattice-pink)12%,transparent 12.5%,transparent 87%,var(--lattice-pink)87.5%,var(--lattice-pink)),linear-gradient(60deg,var(--lattice-pink-dark)25%,transparent 25.5%,transparent 75%,var(--lattice-pink-dark)75%,var(--lattice-pink-dark)),linear-gradient(60deg,var(--lattice-pink-dark)25%,transparent 25.5%,transparent 75%,var(--lattice-pink-dark)75%,var(--lattice-pink-dark));opacity:.14;mix-blend-mode:multiply;background-position:0 0,0 0,10px 18px,10px 18px,0 0,10px 18px;background-size:20px 35px;position:absolute;inset:0}.shutter.upper{transform-origin:top;border-bottom:2px solid #0009;top:0}.shutter.lower{transform-origin:bottom;border-top:1px solid #00000073;bottom:0}.sunder-text{color:#140019bf;text-shadow:0 -1px #00000059,0 1px #ffffff14;pointer-events:none;mix-blend-mode:multiply;font-family:Space Mono,monospace;font-size:.7rem}@media (hover:hover){.lattice-sunder-wrap:hover .shutter.upper{background:#4a0b3a;transform:translateY(-85%)scaleY(.9)rotateX(20deg)}.lattice-sunder-wrap:hover .shutter.lower{background:#4a0b3a;transform:translateY(85%)scaleY(.9)rotateX(-20deg)}.lattice-sunder-wrap:hover .neural-button{box-shadow:0 0 50px #ff008080,inset 0 0 20px #00f3ff33}}.lattice-sunder-wrap.is-open .shutter.upper{background:#4a0b3a;transform:translateY(-85%)scaleY(.9)rotateX(20deg)}.lattice-sunder-wrap.is-open .shutter.lower{background:#4a0b3a;transform:translateY(85%)scaleY(.9)rotateX(-20deg)}.lattice-sunder-wrap.is-open .neural-button{box-shadow:0 0 50px #ff008080,inset 0 0 20px #00f3ff33}.lattice-sunder-wrap:active .neural-button{background:var(--neural-pink);color:var(--amethyst-deep);transform:scale(.95)}.lattice-sunder-wrap:active .neural-button .btn-status{color:#fff}.scanner-line{background:var(--neural-pink);width:100%;height:2px;box-shadow:0 0 15px var(--neural-pink);opacity:0;z-index:5;position:absolute;top:0;left:0}.lattice-sunder-wrap:hover .scanner-line,.lattice-sunder-wrap.is-open .scanner-line{opacity:1;animation:1.5s linear infinite scan}@keyframes scan{0%{opacity:0;top:0}50%{opacity:1}to{opacity:0;top:100%}}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.corner{border:2px solid var(--glitch-cyan);z-index:3;width:8px;height:8px;position:absolute}.top-l{border-bottom:0;border-right:0;top:5px;left:5px}.top-r{border-bottom:0;border-left:0;top:5px;right:5px}.bot-l{border-top:0;border-right:0;bottom:5px;left:5px}.bot-r{border-top:0;border-left:0;bottom:5px;right:5px}
.lattice-wrapper{--neon-pink:#ff2d95;--neon-purple:#9d00ff;--bg-dark:#050507;--lattice-opacity:.15;--glow-intensity:25px;width:100%;transform-style:preserve-3d;perspective:1000px;background:#ffffff08;border-radius:4px;margin:.2rem 0;padding:2px;transition:transform .1s ease-out;position:relative}.lattice-border{pointer-events:none;z-index:1;position:absolute;inset:-2px}.lattice-svg{width:100%;height:100%;overflow:visible}.path-line{fill:none;stroke:url(#latticeGradient);stroke-width:1.5px;stroke-dasharray:200;stroke-dashoffset:200px;filter:drop-shadow(0 0 8px var(--neon-pink));animation:3s ease-out forwards drawLine}.node{fill:var(--neon-pink);filter:blur(1px)drop-shadow(0 0 5px var(--neon-pink));animation:2s infinite alternate blink}.content-card{z-index:2;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));background:linear-gradient(145deg,#0a0a0f 0%,#050507 100%);padding:.75rem;position:relative;overflow:hidden}@media (min-width:640px){.content-card{padding:1.5rem}}.content-card:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#9d00ff0d 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.data-header{text-transform:uppercase;letter-spacing:.3em;color:var(--neon-pink);opacity:0;align-items:center;gap:10px;margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;animation:1s .5s forwards fadeIn;display:flex}.data-header:before{content:"";background:var(--neon-pink);width:8px;height:8px;box-shadow:0 0 10px var(--neon-pink);display:inline-block}.main-title{color:#fff;letter-spacing:-.04em;opacity:0;margin:0;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:900;line-height:.9;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards slideUp;transform:translateY(20px)}@media (min-width:640px){.main-title{font-size:2.2rem}}.main-title span{background:linear-gradient(90deg,#fff,#fff6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.desc{color:#fff6;opacity:0;width:100%;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.4;animation:1s .8s forwards fadeIn}.lattice-wrapper:hover{transform:scale(1.02)}.lattice-wrapper:hover .path-line{filter:drop-shadow(0 0 12px var(--neon-purple));stroke-width:2px}.perf-low .path-line{filter:none!important;animation:none!important}.perf-low .node{filter:none!important}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.scanline{z-index:3;pointer-events:none;background:linear-gradient(#0000,#9d00ff1a,#0000);width:100%;height:10px;animation:4s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{to{top:110%}}.lattice-wrapper.compact{margin:0}.lattice-wrapper.compact .content-card{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));padding:.75rem}.lattice-wrapper.compact .data-header{gap:6px;margin-bottom:.25rem;font-size:.5rem}.lattice-wrapper.compact .data-header:before{width:4px;height:4px}.lattice-wrapper.compact .main-title{font-size:.9rem}.lattice-wrapper.compact .desc{margin-top:.4rem;font-size:.65rem;line-height:1.3}.lattice-wrapper.compact .path-line{stroke-width:1px}.lattice-wrapper.compact .node{r:1.5}
:root{--cybr-pink:#f07;--cybr-pink-bright:#ff5ca0;--cybr-black:#050505}body{background-color:var(--cybr-black)}.cybr-btn-v5{cursor:pointer;text-transform:uppercase;color:#fff;clip-path:polygon(0 0,100% 0,100% 20%,95% 100%,0 100%);filter:drop-shadow(0 0 10px #f076);background:0 0;border:0;outline:0;align-items:center;width:100%;height:auto;min-height:70px;margin-bottom:0;padding:0;font-family:inherit;display:flex;position:relative}.cybr-btn-v5__content{z-index:2;background:linear-gradient(90deg,#14000acc 0%,#0a000580 100%);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-left:34px;display:flex;position:relative}.cybr-btn-v5__content:after{content:"";background:linear-gradient(to bottom,var(--cybr-pink),var(--cybr-pink-bright)50%,var(--cybr-pink));z-index:10;width:4px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 15px #f079}.cybr-btn-v5__content:before{content:"";pointer-events:none;z-index:1;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff007714 2px 4px);background-size:100% 4px;position:absolute;inset:0}.cybr-btn-v5__slide{z-index:0;background-color:var(--cybr-pink);opacity:.5;width:14px;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s;position:absolute;top:0;bottom:0;left:0}.cybr-btn-v5__text{letter-spacing:2px;text-shadow:1px 1px 2px #00000080;font-size:1.4rem;font-weight:700;line-height:1;transition:color .3s,text-shadow .3s}.cybr-btn-v5__subtitle{letter-spacing:1px;color:var(--cybr-pink);opacity:.8;margin-top:-2px;font-size:.65rem;font-weight:500;transition:color .3s,opacity .3s}.cybr-btn-v5__tag{color:var(--cybr-pink);opacity:.6;z-index:3;font-size:.6rem;position:absolute;top:12px;right:20px}.cybr-btn-v5:hover .cybr-btn-v5__slide{opacity:.25;width:100%}.cybr-btn-v5:hover .cybr-btn-v5__text{color:#fff;text-shadow:2px 2px #000}.cybr-btn-v5:hover .cybr-btn-v5__subtitle{color:#fff;opacity:1}.cybr-btn-v5:hover .cybr-btn-v5__content:after{box-shadow:0 0 20px #f07}.cybr-btn-v5:active{transform:scale(.99)}