.elementor-191 .elementor-element.elementor-element-d28a7b6{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-191 .elementor-element.elementor-element-d28a7b6:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-d28a7b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-191 .elementor-element.elementor-element-d28a7b6:hover{border-style:none;}.elementor-191 .elementor-element.elementor-element-d28a7b6, .elementor-191 .elementor-element.elementor-element-d28a7b6::before{--border-transition:0.3s;}.elementor-191 .elementor-element.elementor-element-d4a3daf{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;z-index:999;border-radius:000px 000px 000px 000px;box-shadow:0px 1px 0px 1px rgba(0, 255, 64.99999999999989, 0.15);}.elementor-191 .elementor-element.elementor-element-d4a3daf:hover{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-38e4d39{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-38e4d39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-e519c9d .swiper-slide-bg{background-color:#000000;background-image:url(https://cyz3nwire.ir/wp-content/uploads/2026/06/Cyz3nWire_fallback.png);background-size:cover;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-e519c9d .elementor-background-overlay{background-color:#00000000;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-090b70f .swiper-slide-bg{background-color:#000000;background-image:url(https://cyz3nwire.ir/wp-content/uploads/2026/06/About_CYZ3NWIRE-e1782314831474.png);background-size:cover;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-090b70f .swiper-slide-contents{margin:0 auto;text-shadow:0px 0px 24px #383737;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-090b70f .swiper-slide-inner{align-items:center;text-align:center;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-090b70f .swiper-slide-inner .elementor-slide-heading{color:#1C9403;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-090b70f .swiper-slide-inner .elementor-slide-description{color:#1C9403;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-090b70f .swiper-slide-inner .elementor-slide-button{color:#1C9403;border-color:#1C9403;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-dc813f6 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://cyz3nwire.ir/wp-content/uploads/2026/05/bg-2.png);background-size:cover;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-repeater-item-dc813f6 .elementor-background-overlay{background-color:#0000005E;mix-blend-mode:luminosity;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-slide{transition-duration:calc(6000ms*1.2);height:300px;}.elementor-191 .elementor-element.elementor-element-9dee62b{width:100%;max-width:100%;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-slide-contents{max-width:67%;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-slide-inner{text-align:center;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-slide-heading{font-family:"JetBrains Mono", Sans-serif;font-weight:700;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-slide-description{font-family:"JetBrains Mono", Sans-serif;font-weight:500;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-slide-button{font-family:"JetBrains Mono", Sans-serif;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-swiper-button{font-size:15px;color:#00FF4178;}.elementor-191 .elementor-element.elementor-element-9dee62b .elementor-swiper-button svg{fill:#00FF4178;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;height:5px;width:5px;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-horizontal .swiper-pagination-progressbar{height:5px;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-pagination-fraction{font-size:5px;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF75;opacity:1;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-pagination-bullet-active{background-color:#00FF41AD;}.elementor-191 .elementor-element.elementor-element-13a2cdf{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-191 .elementor-element.elementor-element-13a2cdf.elementor-element{--align-self:center;}.elementor-191 .elementor-element.elementor-element-54debc1{--display:flex;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#222222;--border-color:#222222;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 25px 0px rgba(0, 255, 64.99999999999989, 0.05);--padding-top:30px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-191 .elementor-element.elementor-element-54debc1:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-54debc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #0A0A0A 0%, #000000 100%);}.elementor-191 .elementor-element.elementor-element-dc3eb9b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-191 .elementor-element.elementor-element-dc3eb9b.elementor-element{--align-self:flex-start;}.elementor-191 .elementor-element.elementor-element-dc3eb9b .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:20px;font-weight:700;letter-spacing:4px;word-spacing:0px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#00FF4166;stroke:#00FF4166;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.7);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-e0ca7f1{--grid-columns:3;--grid-row-gap:30px;width:100%;max-width:100%;--auto-scroll-offset:0px;--grid-column-gap:20px;}.elementor-191 .elementor-element.elementor-element-e0ca7f1 > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-191 .elementor-element.elementor-element-e0ca7f1.elementor-element{--align-self:center;}.elementor-191 .elementor-element.elementor-element-e0ca7f1 .elementor-pagination{text-align:center;font-family:"JetBrains Mono", Sans-serif;font-size:14px;font-weight:800;line-height:1px;letter-spacing:2.8px;margin-top:24px;}.elementor-191 .elementor-element.elementor-element-e0ca7f1 .elementor-pagination .page-numbers:not(.dots){color:#00FF41;}.elementor-191 .elementor-element.elementor-element-e0ca7f1 .elementor-pagination a.page-numbers:hover{color:#FFFFFF;}.elementor-191 .elementor-element.elementor-element-e0ca7f1 .elementor-pagination .page-numbers.current{color:#00350D;}body:not(.rtl) .elementor-191 .elementor-element.elementor-element-e0ca7f1 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-191 .elementor-element.elementor-element-e0ca7f1 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-191 .elementor-element.elementor-element-e0ca7f1 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-191 .elementor-element.elementor-element-e0ca7f1 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-191 .elementor-element.elementor-element-1dfbf37{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:32px 28px;--row-gap:32px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-191 .elementor-element.elementor-element-c135fc3{--display:flex;--gap:17px 0px;--row-gap:17px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;border-color:#00FF41;--border-color:#00FF41;--border-radius:2px 2px 2px 2px;--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:16px;--padding-left:16px;--padding-right:14px;--z-index:10;}.elementor-191 .elementor-element.elementor-element-c135fc3.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-7f00851{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-7f00851:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-7f00851 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-0c2df7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-0c2df7c .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-0ae4dfc{margin:-12px -2px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-191 .elementor-element.elementor-element-7d29663{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-7d29663:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-7d29663 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-876f492{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-876f492 .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-4834ac9{margin:-7px -2px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-191 .elementor-element.elementor-element-62ff4ff{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-62ff4ff:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-62ff4ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-4d74a4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-4d74a4e .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-5a2e584{margin:-4px -2px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-191 .elementor-element.elementor-element-53dc1b2{--display:flex;--min-height:450px;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-53dc1b2:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-53dc1b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-2d65498{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-2d65498 .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-fcb9dca{width:var( --container-widget-width, 101.852% );max-width:101.852%;margin:-8px -1px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:101.852%;--container-widget-flex-grow:0;}.elementor-191 .elementor-element.elementor-element-fcb9dca.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-779fb22{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-779fb22:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-779fb22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-9f09ad4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-9f09ad4 .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-440ccde{width:100%;max-width:100%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-191 .elementor-element.elementor-element-803f840{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-803f840:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-803f840 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-faf1a36{--display:flex;--min-height:250px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-faf1a36:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-faf1a36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-c75a015{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-c75a015 .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-31502ad{padding:0px 0px 0px 7px;}.elementor-191 .elementor-element.elementor-element-d8a44e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 6px) 0px;padding:0px 0px 0px 7px;}.elementor-191 .elementor-element.elementor-element-b778771{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-b778771:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-b778771 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-caaf25b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-caaf25b .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-8c42f65{width:var( --container-widget-width, 97% );max-width:97%;margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;--container-widget-width:97%;--container-widget-flex-grow:0;}.elementor-191 .elementor-element.elementor-element-8c42f65.elementor-element{--align-self:flex-end;}.elementor-191 .elementor-element.elementor-element-2529dcd{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-2529dcd:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-2529dcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-f31fd06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-f31fd06 .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-04f25c9{margin:-15px -2px calc(var(--kit-widget-spacing, 0px) + 1px) 6px;}.elementor-191 .elementor-element.elementor-element-8e74716{--display:flex;--border-radius:7px 7px 7px 7px;--padding-top:18px;--padding-bottom:8px;--padding-left:14px;--padding-right:14px;}.elementor-191 .elementor-element.elementor-element-8e74716:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-8e74716 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(145deg, #0F0F0F 0%, #0A0A0A 100%);}.elementor-191 .elementor-element.elementor-element-4db6bf5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-191 .elementor-element.elementor-element-4db6bf5 .elementor-heading-title{font-size:12px;font-weight:500;letter-spacing:1px;text-shadow:0px 0px 10px rgba(0, 255, 64.99999999999989, 0.4);color:#00FF41;}.elementor-191 .elementor-element.elementor-element-78e122b{margin:-10px -2px calc(var(--kit-widget-spacing, 0px) + 1px) 5px;}.elementor-191 .elementor-element.elementor-element-d3ad995{--display:flex;--min-height:430px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 24px;--row-gap:0px;--column-gap:24px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-191 .elementor-element.elementor-element-d3ad995.e-con{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-918494c{--grid-columns:2;--grid-row-gap:28px;z-index:1;--grid-column-gap:28px;}.elementor-191 .elementor-element.elementor-element-918494c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-918494c.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-88ad1b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--overflow:auto;--padding-top:40px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-191 .elementor-element.elementor-element-9de7fa2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-191 .elementor-element.elementor-element-9de7fa2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-c426661{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 16px;--row-gap:0px;--column-gap:16px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;--z-index:2;}.elementor-191 .elementor-element.elementor-element-c426661.e-con{--flex-grow:4;}.elementor-191 .elementor-element.elementor-element-190b852{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 16px;--row-gap:0px;--column-gap:16px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;--z-index:2;}.elementor-191 .elementor-element.elementor-element-190b852.e-con{--flex-grow:6;--flex-shrink:1;}.elementor-191 .elementor-element.elementor-element-ca87aab{--display:flex;--min-height:120px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-191 .elementor-element.elementor-element-ca87aab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-aa391a3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-3ecdf3b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overflow:hidden;--padding-top:26px;--padding-bottom:26px;--padding-left:24px;--padding-right:24px;--z-index:1;}.elementor-191 .elementor-element.elementor-element-3ecdf3b.e-con{--flex-grow:1;}.elementor-191 .elementor-element.elementor-element-316d668{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-316d668.e-con{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-6dd5d5f{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:25px;}:root{--page-title-display:none;}body.elementor-page-191{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-191 .elementor-element.elementor-element-e0ca7f1{--grid-columns:2;}.elementor-191 .elementor-element.elementor-element-c135fc3.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-191 .elementor-element.elementor-element-d3ad995{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-191 .elementor-element.elementor-element-d3ad995.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-191 .elementor-element.elementor-element-918494c{--grid-columns:1;}}@media(min-width:768px){.elementor-191 .elementor-element.elementor-element-d28a7b6{--width:100%;}.elementor-191 .elementor-element.elementor-element-38e4d39{--width:100%;}.elementor-191 .elementor-element.elementor-element-54debc1{--width:95%;}.elementor-191 .elementor-element.elementor-element-1dfbf37{--width:96%;}.elementor-191 .elementor-element.elementor-element-c135fc3{--width:350px;}.elementor-191 .elementor-element.elementor-element-7f00851{--width:100%;}.elementor-191 .elementor-element.elementor-element-7d29663{--width:100%;}.elementor-191 .elementor-element.elementor-element-62ff4ff{--width:100%;}.elementor-191 .elementor-element.elementor-element-53dc1b2{--width:100%;}.elementor-191 .elementor-element.elementor-element-779fb22{--width:100%;}.elementor-191 .elementor-element.elementor-element-803f840{--width:100%;}.elementor-191 .elementor-element.elementor-element-faf1a36{--width:100%;}.elementor-191 .elementor-element.elementor-element-b778771{--width:100%;}.elementor-191 .elementor-element.elementor-element-2529dcd{--width:100%;}.elementor-191 .elementor-element.elementor-element-8e74716{--width:100%;}.elementor-191 .elementor-element.elementor-element-d3ad995{--width:75%;}.elementor-191 .elementor-element.elementor-element-88ad1b9{--width:95%;}.elementor-191 .elementor-element.elementor-element-9de7fa2{--width:100%;}.elementor-191 .elementor-element.elementor-element-ca87aab{--width:100%;}.elementor-191 .elementor-element.elementor-element-316d668{--width:100%;}.elementor-191 .elementor-element.elementor-element-6dd5d5f{--content-width:97%;}}@media(max-width:767px){.elementor-191 .elementor-element.elementor-element-d28a7b6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-191 .elementor-element.elementor-element-d4a3daf{width:100%;max-width:100%;padding:10px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-d4a3daf.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-191 .elementor-element.elementor-element-38e4d39{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-191 .elementor-element.elementor-element-9dee62b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-slide{height:170px;}.elementor-191 .elementor-element.elementor-element-9dee62b .swiper-slide-contents{max-width:86%;}.elementor-191 .elementor-element.elementor-element-13a2cdf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-54debc1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-191 .elementor-element.elementor-element-dc3eb9b{text-align:center;}.elementor-191 .elementor-element.elementor-element-e0ca7f1{--grid-columns:1;}.elementor-191 .elementor-element.elementor-element-1dfbf37{--width:500px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-191 .elementor-element.elementor-element-c135fc3.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-191 .elementor-element.elementor-element-d3ad995.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-191 .elementor-element.elementor-element-918494c{--grid-columns:1;}.elementor-191 .elementor-element.elementor-element-918494c.elementor-element{--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for container, class: .elementor-element-d28a7b6 */.terminal-header { position: relative; overflow: visible; background: #000; border-bottom: 1px solid rgba(0, 255, 65, 0.15); box-shadow: 0 1px 12px rgba(0, 255, 65, 0.2), 0 0 20px rgba(0, 255, 65, 0.3); transition: 0.5s ease; } /* glow effect layer */ .terminal-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: #00ff41; opacity: 0.15; filter: blur(8px); pointer-events: none; animation: terminalBreath 10s infinite; } @keyframes terminalBreath { 0%, 100% { opacity: 0.15; filter: blur(8px); } 10% { opacity: 0.6; filter: blur(14px); } 20% { opacity: 0.15; filter: blur(8px); } } .terminal-header.elementor-sticky--effects { background: rgba(0, 0, 0, 0.95); border-bottom: 1px solid rgba(57, 255, 20, 0.45); box-shadow: 0 0 12px rgba(57, 255, 20, 0.35), 0 0 30px rgba(57, 255, 20, 0.25), 0 8px 25px rgba(57, 255, 20, 0.18); border-radius: 0 0px 30px 30px; transition: 0.5s ease; } .terminal-header.elementor-sticky--effects::after { opacity: 0.9; filter: blur(18px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0c2df7c */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); cursor: default; direction: ltr; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-0ae4dfc */.sys-metrics { font-family: "Courier New", monospace; padding: 5px; color: #E5E5E5; line-height: 1.7; direction: ltr; position: relative; overflow: hidden; cursor: default; } /* subtle scanlines */ .sys-metrics::before{ content:""; position:absolute; inset:0; background: repeating-linear-gradient( to bottom, rgba(255,255,255,0.03), rgba(255,255,255,0.03) 1px, transparent 2px, transparent 4px ); opacity:0.25; pointer-events:none; } .sys-line{ font-size:13px; color: #E5E5E5; padding:1px 0; transition:.2s; } .sys-line:hover{ color:#E5E5E5; transform:translateX(2px); } .sys-line span{ color:#00FF41; } .sys-line span { color: #00FF41; text-shadow: 0 0 6px rgba(0,255,65,0.4); animation: pulseGlow 2.5s infinite; } @keyframes pulseGlow { 0% { text-shadow: 0 0 3px rgba(0,255,65,0.2); } 50% { text-shadow: 0 0 10px rgba(0,255,65,0.6); } 100% { text-shadow: 0 0 3px rgba(0,255,65,0.2); } } .sys-line:hover{ color:#fff; transform: translateX(3px); letter-spacing: 0.5px; text-shadow: 1px 0 #00FF41, 0px 0 #39FF14; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7f00851 */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-876f492 */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); direction: ltr; cursor: default; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d29663 */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d74a4e */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); direction: ltr; cursor: default; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5a2e584 */.cyz-categories{ font-family:"Courier New", monospace; direction:ltr; text-align:left; color: #e5e5e5; } .cat-line{ display:flex; align-items:center; gap:6px; font-size:10px; color:#aaa; position:relative; margin-bottom:4px; transition:.2s ease; } .cat-prefix{ color: #666; white-space: pre; } .cat-line a{ color:#E5E5E5; text-decoration:none; transition: 0.2s; text-shadow: 0 0 8px rgba(0,255,65,0.4); } .cat-line:hover{ transform:translateX(3px); background:rgba(0,255,65,0.05); border-left:2px solid #00FF41; padding-left:6px; transition: 0.2s; text-shadow: 0 0 8px rgba(0,255,65,0.4); } .cat-count{ margin-left: auto; color:#00FF41; } .cat-line:hover a{ color:#00FF41; text-shadow:0 0 8px rgba(0,255,65,.35); } .cat-dots{ flex:1; height:1px; position:relative; margin:0 3px; border-bottom:2px dashed #222; } .cat-dots::after{ content:""; position:absolute; width:3px; height:3px; border-radius:50%; background:#00FF41; top:-1px; left:0; box-shadow:0 0 8px #00FF41; animation:dotstream 6s linear infinite; } @keyframes dotstream{ 0%{ left:0%; opacity:0; } 10%{ opacity:1; } 90%{ opacity:1; } 100%{ left:100%; opacity:0; } } .cat-line:nth-child(1) .cat-dots::after{ animation-delay:0s; } .cat-line:nth-child(2) .cat-dots::after{ animation-delay:1s; } .cat-line:nth-child(3) .cat-dots::after{ animation-delay:2s; } .cat-line:nth-child(4) .cat-dots::after{ animation-delay:3s; } .cat-line:nth-child(5) .cat-dots::after{ animation-delay:4s; } .cat-line.active{ color:#00FF41; text-shadow:0 0 10px rgba(0,255,65,.4); transform:translateX(4px); } .cat-line.active .cat-count{ color:#fff; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62ff4ff */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d65498 */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); direction: ltr; cursor: default; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fcb9dca */.hot-threads{ font-family: "Courier New", monospace; direction: ltr; width: 100%; color: #e5e5e5; } .hot-section.auto-switch .hot-content.active{ animation: autoGlow 0.6s ease; } @keyframes autoGlow{ 0%{ opacity:0; transform:translateY(8px); filter:brightness(0.5); } 50%{ filter:brightness(1.4); } 100%{ opacity:1; transform:translateY(0); filter:brightness(1); } } #posts > div, #comments > div{ opacity: 0; transform: translateY(6px); animation: hotFade .25s ease forwards; } @keyframes hotFade{ to{ opacity: 1; transform: translateY(0); } } #posts > div, #comments > div{ opacity: 0; transform: translateY(6px); animation: hotFade .25s ease forwards; } @keyframes hotFade{ to{ opacity: 1; transform: translateY(0); } } .hot-tab.active, .hot-subtab.active{ animation:pulse 2s infinite; } @keyframes pulse{ 0%,100%{ text-shadow:0 0 6px rgba(0,255,65,.3); } 50%{ text-shadow:0 0 12px rgba(0,255,65,.6); } } .hot-content-panel.active{ animation:fadeIn .25s ease; } @keyframes fadeIn{ from{ opacity:0; transform:translateY(6px); filter:blur(2px); } to{ opacity:1; transform:translateY(0); filter:blur(0); } } .hot-threads button:hover, .hot-threads .hot-tab:hover, .hot-threads .hot-subtab:hover{ background: transparent !important; color: #00FF41 !important; text-shadow: 0 0 8px rgba(0,255,65,.35); } /* ================= MAIN TABS ================= */ .hot-tabs{ display: flex; width: 100%; gap: 15px; margin-bottom: 10px; } .hot-tab{ flex: 1; /* 👈 full width equal buttons */ background: rgba(0,0,0,0.3); padding:10px 8px; border: 1px solid #222; border-radius:2px; font-size: 11px; color: #777; cursor: pointer; transition: 0.2s ease; text-align: center; letter-spacing: 1px; } .hot-tab:hover{ border-color:#00FF41; background:rgba(0,255,65,0.06); box-shadow: 0 0 10px rgba(0,255,65,0.1); } .hot-tab.active{ color: #00FF41; border-color: #00FF41; background:rgba(0,255,65,0.1); text-shadow: 0 0 8px rgba(0,255,65,0.35); } /* ================= SECTIONS ================= */ .hot-section{ display: none; } .hot-section.active{ display: block; } /* ================= SUB TABS ================= */ .hot-subtabs{ display:flex; width:100%; gap:7px; margin-bottom:10px; } .hot-subtab{ flex:1; text-align:center; font-size:8px; padding:3px 6px; border:1px solid #1a1a1a; color:#666; position:relative; background:rgba(255,255,255,0.02); } .hot-subtab::before{ content:"> "; color:#e5e5e5; } .hot-subtab:hover{ color:#00FF41; border-color:#00FF41; background:rgba(0,255,65,0.05); } .hot-subtab.active{ color:#00FF41; border-color:#00FF41; background:rgba(0,255,65,0.08); } /* ================= PANELS ================= */ .hot-panels{ display: block; position: relative; margin-top: 8px; overflow: hidden; } /* Base */ .hot-content{ display: none; width: 100%; opacity: 0; transform: translateY(6px); padding-left: 7px; border-left: 2px solid rgba(0,255,65,0.08); } /* Active */ .hot-content.active{ display: block; opacity: 1; transform: translateY(0); pointer-events: auto; animation: hotFade .25s ease forwards; } @keyframes hotFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } .hot-panels.switching { filter: blur(1px); } /* ================= CONTENT LINE ================= */ .hot-line:hover{ color:#00b22d; text-shadow:0 0 8px rgba(0,255,65,.35); transform:translateX(3px); transition:.15s; } .hot-content.active{ display: block; opacity: 1; transform: translateY(0); } .hot-content > div{ font-size: 10px; line-height: 1.7; padding: 2px 0; color: #d0d0d0; position: relative; } #comments > div > div > div::before{ content: ">"; color: #00FF41; margin-right: 4px; } .hot-content a{ color: #e5e5e5; text-decoration: none; transition: 0.2s; } .hot-content a:hover{ color: #00FF41; text-shadow: 0 0 8px rgba(0,255,65,0.4); letter-spacing: 0.3px; } /* ================= RESPONSIVE ================= */ @media (max-width: 600px){ .hot-tab, .hot-subtab{ font-size: 10px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-53dc1b2 */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9f09ad4 */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); direction: ltr; cursor: default; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-440ccde */.cyz-ad-widget{ position:relative; display:flex; justify-content:center; align-items:center; width:fit-content; margin:auto; overflow:hidden; border:1px solid rgba(0,255,120,.18); border-radius:10px; background: linear-gradient( 180deg, rgba(0,255,120,.03), rgba(0,255,120,.01) ), #0b0b0b; box-shadow: 0 0 0 1px rgba(0,255,120,.03) inset, 0 0 12px rgba(0,255,120,.05); transition:.35s; } .cyz-ad-widget:hover{ border-color:rgba(0,255,120,.35); box-shadow: 0 0 22px rgba(0,255,120,.14), 0 0 0 1px rgba(0,255,120,.08) inset; transform:translateY(-2px); } #mediaad-JRlV2{ display:flex; justify-content:center; align-items:center; line-height:0; } .cyz-ad-widget::after{ content:""; position:absolute; inset:0; background: repeating-linear-gradient( 180deg, rgba(0,255,120,.018) 0px, rgba(0,255,120,.018) 1px, transparent 1px, transparent 3px ); opacity:.45; pointer-events:none; } .cyz-ad-widget::before{ content:""; position:absolute; width:120px; height:120px; right:-60px; top:-60px; border-radius:50%; background:radial-gradient( rgba(0,255,120,.08), transparent 70% ); pointer-events:none; } #mediaad-JRlV2 iframe{ border-radius:8px; overflow:hidden; } .cyz-ad-widget{ isolation:isolate; } .cyz-ad-widget::before{ content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; background: linear-gradient( 90deg, transparent, #00ff88, transparent ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:borderRun 3s linear infinite; opacity:.55; pointer-events:none; } @keyframes borderRun{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-779fb22 */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ac076f6 *//* ================= TERMINAL WRAPPER ================= */ .cyz-terminal-feed, .cyz-terminal-body, .cyz-line{ direction: ltr !important; text-align: left; } .cyz-terminal-feed{ width: 100%; box-shadow: inset 0 0px 10px rgba(0,255,65,0.1), 0 0 25px rgba(0,255,65,0.1); font-family: "JetBrains Mono", monospace; color: #c8ffc8; overflow: hidden; border-radius: 9px; font-size: clamp(8px, 1vw, 11px); position: relative; } /* ================= HEADER ================= */ .cyz-terminal-header{ display: flex; align-items: center; gap: 8px; border-left: 3px solid #00FF41; border-bottom: 2px dashed rgba(0,255,65,0.2); border-radius: 7px; padding: 8px 10px; background: rgba(0,255,65,0.03); } .cyz-terminal-body .cyz-terminal-header:hover{ background: rgba(0,255,65,0.04); } .cyz-terminal-header .dot{ width: 5px; height: 5px; background: #00ff41; border-radius: 50%; box-shadow: 0 0 10px #00ff41; animation: pulseDot 1.5s infinite; } .cyz-terminal-header .title{ letter-spacing: 2px; font-family: "Courier New", monospace; font-size: 13px; color: #00ff41; text-transform: uppercase; text-shadow: 0 0 8px rgba(0,255,65,1); } .cyz-terminal-header .status{ margin-left: auto; font-size: 10px; color: #666; cursor: default; animation: blink 2s infinite; } /* ================= BODY (IMPORTANT) ================= */ .cyz-terminal-body{ height: 320px; overflow-y: auto; padding: 8px 6px; display: flex; flex-direction: column; gap: 6px; border: 0.6px solid rgba(0,255,65,0.25); border-top: 0px; border-left: 0px; border-radius: 0px 0px 7px 7px; background: /* glow center */ radial-gradient( ellipse at center, rgba(0,255,65,0.035) 0%, rgba(0,255,65,0.015) 35%, rgba(0,0,0,0.96) 100% ), /* scan lines */ repeating-linear-gradient( to bottom, rgba(255,255,255,0.015) 0px, rgba(255,255,255,0.015) 1px, transparent 1px, transparent 3px ), /* screen tint */ linear-gradient( 180deg, #050705 0%, #010101 100% ); box-shadow: inset 0 0 20px rgba(0,255,65,0.1), inset 0 0 25px rgba(0,255,65,0.05), 0 0 10px rgba(0,255,65,0.2); font-family: "JetBrains Mono", monospace; scrollbar-width: thin; scrollbar-color: rgba(0,255,65,0.3) transparent; } .cyz-terminal-body::before{ content:""; position:absolute; inset:0; background: linear-gradient( rgba(255,255,255,0.015), transparent 50% ); pointer-events:none; opacity:.6; } /* scrollbar hacker style */ .cyz-terminal-body::-webkit-scrollbar{ width: 3px; } .cyz-terminal-body::-webkit-scrollbar-thumb{ background: rgba(0,255,65,0.25); } /* ================= LINE ================= */ .cyz-line{ display: flex; flex-direction: column; gap: 2px; unicode-bidi:plaintext; padding: 5px 4px; border-left: 2px solid rgba(0,255,65,0.1); font-size: 10px; transition: 0.15s ease; white-space: normal; word-break: break-word; position: relative; } .cyz-line.new-item{ animation: feedIn 0.25s ease; } .cyz-line .content{ color: #e3e3e3; padding-left: 10px; unicode-bidi: plaintext; white-space: normal; overflow-wrap: anywhere; word-break: break-word; font-family: "JetBrains Mono", monospace; line-height: 1.6; } .cyz-line .meta{ display: flex; gap: 6px; align-items: center; font-size: 9px; opacity: 0.8; } /* hover glitch vibe */ .cyz-line:hover{ border-left: 2px solid #00ff41; background: rgba(0,255,65,0.04); transform: translateX(2px); } /* TIME */ .cyz-line .time{ color: #666; font-size: 9px; font-family: "JetBrains Mono", monospace; letter-spacing: 0.5px; } /* TYPE TAG */ .cyz-line .type{ font-size: 9px; padding: 1px 4px; border: 1px solid rgba(0,255,65,0.2); font-family: "JetBrains Mono", monospace; color: #00ff41; text-transform: uppercase; letter-spacing: 1px; } /* VARIANTS */ .cyz-line .type.comment{ color: #00d4ff; border-color: rgba(0,212,255,0.4); } .cyz-line .type.discover{ color: #ffcc00; border-color: rgba(255,204,0,0.4); } .cyz-line .type.post{ color: #9dff00; border-color: rgba(157, 255, 0,0.4); } /*.cyz-line .type.post{*/ /* color: #ff4d4d;*/ /* border-color: rgba(255, 77, 77,0.4);*/ /*}*/ .cyz-line .type.comment_milestone{ color: #8012b8; border-color: rgba(128, 18, 184,0.4); } /* ARROW */ .cyz-line .arrow{ color: #444; } /* LINK */ .cyz-line .link{ color: rgba(0, 255, 6, 0.85); text-decoration: none; transition: 0.2s; } .cyz-line .link:hover{ color: #39FF14; text-shadow: 0 0 8px rgba(0,255,65,0.5); } /* ================= ANIMATIONS ================= */ .cyz-line:hover{ border-left: 2px solid #00ff41; background: rgba(0,255,65,0.03); transform: translateX(2px); transition: 0.15s ease; } .cyz-line.new-item{ animation: glowIn 0.4s ease; } @keyframes glowIn{ 0%{ opacity: 0; transform: translateY(8px); filter: brightness(0.5); } 50%{ filter: brightness(1.5); } 100%{ opacity: 1; transform: translateY(0); filter: brightness(1); } } @keyframes pulseDot{ 0%,100%{ transform: scale(1); opacity: 1; } 50%{ transform: scale(1.4); opacity: 0.6; } } @keyframes blink{ 0%,50%{ opacity: 1; } 51%,100%{ opacity: 0.3; } } @keyframes feedIn{ from{ transform: translateY(6px); filter: blur(2px); } to{ transform: translateY(0); filter: blur(0); } } .cyz-line:last-child .link::after{ content:"_"; font-size: 14px; margin-left:4px; color:#00ff41; animation:blinkCursor .8s infinite; } @keyframes blinkCursor{ 0%,50%{ opacity:1; } 51%,100%{ opacity:0; } } .cyz-line:hover{ text-shadow: -1px 0 rgba(255,0,0,.3), 1px 0 rgba(0,255,255,.3); animation:miniGlitch .1s infinite; } @keyframes miniGlitch{ 0%{ transform:translateX(0); } 50%{ transform:translateX(0.7px); } 100%{ transform:translateX(-0.7px); } } .cyz-line .time{ animation:signalNoise 10s infinite; } @keyframes signalNoise{ 0%,96%,100%{ opacity:.7; color: #666; } 97%{ opacity:1; } 98%{ opacity:.2; color: #00FF41; } 99%{ opacity:1; } } .cyz-line.new-item{ animation: glowIn .4s ease, activityPulse 3s ease; } @keyframes activityPulse{ 0%{ box-shadow:0 0 0 rgba(0,255,65,0); } 30%{ box-shadow:0 0 10px rgba(0,255,65,.25); } 100%{ box-shadow:none; } } .cyz-terminal-body::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.05), transparent ); opacity: 0.5; animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-803f840 */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } .feed-sidebar-panel{ border-left: 2px solid rgba(0,255,65,0.25); border-radius: 8px; transition: 0.2s ease; } .feed-sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } /*flicker effect*/ .feed-sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c75a015 */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); direction: ltr; cursor: default; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-31502ad *//* ========================= ROOT NODE PANEL ========================= */ .cyz-node{ display:flex; align-items:stretch; direction:ltr; text-align:left; margin-top: 10px; width:100%; font-family:monospace; color:#00ff88; background: radial-gradient(circle at top left, rgba(0,255,136,0.08), transparent 45%), linear-gradient(180deg, rgba(0,0,0,0.98), rgba(0,0,0,0.92)); box-shadow: 0 0 20px rgba(0,255,136,0.08); border: 0.5px solid rgba(0, 255, 65,0.6); overflow:hidden; transition:0.25s ease; } .cyz-node *{ direction:ltr; text-align:left; cursor: default; } /* soft energy response */ .cyz-node:hover{ box-shadow:0 0 24px rgba(0,255,136,0.18); border: 1px solid rgba(0, 255, 65,0.6); } /* ========================= LEFT CORE (AVATAR) ========================= */ .cyz-node-left{ display:flex; align-items:center; justify-content:center; min-width:76px; background:rgba(0,255,136,0.02); border-right:1px solid rgba(0,255,136,0.12); position:relative; } /* inner grid feel */ .cyz-node-left::before{ content:""; position:absolute; inset:6px; border:1px dashed rgba(0,255,136,0.06); pointer-events:none; } .cyz-node-left img{ width:56px; height:56px; border:1px solid rgba(0,255,136,0.5); box-shadow: 0 0 10px rgba(0,255,136,0.25), inset 0 0 8px rgba(0,255,136,0.05); display:block; image-rendering:pixelated; transition:0.2s ease; } /* micro pulse on avatar */ .cyz-node-left img:hover{ transform:scale(1.04); box-shadow:0 0 18px rgba(0,255,136,0.35); } /* ========================= RIGHT CORE (DATA) ========================= */ .cyz-node-right{ display:flex; flex-direction:column; justify-content:center; padding:10px 12px; width:100%; min-width:0; gap:5px; } /* ========================= NODE TITLE ========================= */ .cyz-node-id{ font-size:10px; letter-spacing:2px; opacity:0.8; text-shadow:0 0 6px rgba(0,255,136,0.2); white-space:normal; word-break:break-word; overflow-wrap:anywhere; } /* ========================= STATUS LINE ========================= */ .cyz-node-status{ display:flex; align-items:center; gap:5px; font-size:12px; letter-spacing:1.2px; width:100%; min-width:0; white-space:normal; word-break:break-word; overflow-wrap:anywhere; } /* DOT CORE */ .cyz-dot{ width:6px; height:6px; border-radius:50%; background:#00ff88; box-shadow:0 0 10px rgba(0,255,136,0.5); animation:cyzPulse 2s infinite; } /* pulse */ @keyframes cyzPulse{ 0%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.3); opacity:.4; } 100%{ transform:scale(1); opacity:1; } } /* ========================= MESSAGE / SUB STATUS ========================= */ .cyz-node-msg{ font-size:13px; letter-spacing:1.1px; color: #00FF41; opacity:0.8; transition:0.2s ease; white-space:normal; word-break:break-word; overflow-wrap:anywhere; } /* subtle system reaction */ .cyz-node:hover .cyz-node-msg{ opacity:1; text-shadow:0 0 6px rgba(0,255,136,0.25); }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-d8a44e9 *//* ================================ CYBERNAUT SIDEBAR CORE ================================ */ .cz-sys-user, .cz-sys-user *{ direction: ltr; text-align: left; } .cz-sys-user{ font-family: monospace; color: #00FF41; padding: 14px; border: 1px solid rgba(0, 255, 65,0.5); border-top: 0px; border-bottom: 0px; /*background:*/ /* radial-gradient(circle at top left, rgba(0,255,136,0.08), transparent 45%),*/ /* linear-gradient(180deg, rgba(0,0,0,0.98), rgba(0,0,0,0.92));*/ /*box-shadow: 0 0 20px rgba(0,255,136,0.08);*/ background: radial-gradient(circle at top left, rgba(0, 255, 136, .05), transparent 45%), linear-gradient(135deg, rgba(0, 255, 136, .02), rgba(0, 0, 0, .92)); box-shadow: 0 0 25px rgba(0, 255, 136, .05), inset 0 0 25px rgba(0, 255, 136, .03); position: relative; overflow: hidden; animation: bootIn 0.8s ease-out; } .cz-sys-user::before{ content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(0, 255, 136, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 136, .03) 1px, transparent 1px); background-size: 18px 18px; pointer-events: none; } /* subtle flicker */ @keyframes scanMove{ 0%{ transform:translateY(0); } 100%{ transform:translateY(20px); } } /* ================================ TITLE ($ whoami?) ================================ */ .cz-sys-title{ font-size: 11px; letter-spacing: 3px; text-align: center !important; color: #00FF41; opacity: 0.8; margin-bottom: 10px; text-shadow: 0 0 8px rgba(0,255,136,0.4); animation: glitchText 3s infinite; } /* subtle glitch */ @keyframes glitchText{ 0%{ transform:translate(0); } 20%{ transform:translate(0.5px, -0.5px); } 40%{ transform:translate(-0.5px, 0.5px); } 60%{ transform:translate(0); } 100%{ transform:translate(0); } } /* ================================ PROFILE CARD ================================ */ .cz-sys-profile-card{ padding: 10px; border: 1px solid rgba(0,255,136,0.12); background: rgba(0,255,136,0.03); box-shadow: inset 0 0 15px rgba(0,255,136,0.05); position: relative; transition: 0.25s ease; } .cz-sys-profile-card:hover{ transform: translateY(-2px); box-shadow: 0 0 25px rgba(0,255,136,0.15); } /* ================================ PROFILE ROWS ================================ */ .cz-sys-profile-data{ display:flex; flex-direction:column; gap:6px; } .cz-sys-profile-row{ font-size: 10px; letter-spacing: 1.2px; opacity: 0.75; padding: 4px 6px; border-left: 2px solid rgba(0,255,136,0.25); transition: 0.2s ease; } /* hover highlight like terminal selection */ .cz-sys-profile-row:hover{ opacity: 1; background: rgba(0,255,136,0.05); border-left: 2px solid #00ff88; transform: translateX(3px); } /* ================================ ACTION BUTTONS ================================ */ .sys-actions{ display:flex; flex-direction:column; text-align: center; direction: ltr; } .sys-actions a{ font-size: 10px; letter-spacing: 2px; color: #00FF41; text-decoration: none; padding: 6px 8px; border: 1px solid rgba(0, 255, 65,0.3); background: rgba(0,0,0,0.4); transition: 0.2s ease; position: relative; overflow: hidden; } .sys-actions a:last-child{ border-radius: 0 0 7px 7px; border-top: 0px; } /* hover glow pulse */ .sys-actions a:hover{ background: rgba(0,255,136,0.08); box-shadow: 0 0 15px rgba(0,255,136,0.2); transform: scale(1.02); } /* button scan effect */ .sys-actions a::after{ content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background: linear-gradient( 90deg, transparent, rgba(0,255,136,0.2), transparent ); transition: 0.5s; } .sys-actions a:hover::after{ left: 100%; } /* ================================ BOOT ANIMATION ================================ */ @keyframes bootIn{ from{ opacity:0; transform: translateY(10px) scale(0.98); filter: blur(2px); } to{ opacity:1; transform: translateY(0) scale(1); filter: blur(0); } } /* ========================= ============================ LOGIN FORM ============================ ========================= */ /* ========================= LOGIN CORE ========================= */ .sys-login { position: relative; direction: ltr; display: flex; flex-direction: column; gap: 5px; padding: 14px; border: 0.5px solid rgba(0, 255, 65,0.5); border-radius: 0 0 7px 7px; border-top: 0px; background: radial-gradient(circle at top left, rgba(0, 255, 136, .05), transparent 45%), linear-gradient(135deg, rgba(0, 255, 136, .02), rgba(0, 0, 0, .92)); box-shadow: 0 0 25px rgba(0, 255, 136, .05), inset 0 0 25px rgba(0, 255, 136, .03); overflow: hidden; } /* grid overlay */ .sys-login::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(0, 255, 136, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 136, .03) 1px, transparent 1px); background-size: 18px 18px; pointer-events: none; } /* ========================= TITLE ========================= */ .sys-msg { text-align: center; font-family: monospace; font-size: 13px; letter-spacing: 3px; color: #00FF41; text-shadow: 0 0 8px rgba(0, 255, 136, .45); margin-bottom: 10px; animation: sysBlink 3s infinite; } @keyframes sysBlink { 0%, 100% { opacity: 1; } 50% { opacity: .55; } } /* ========================= FORM ========================= */ .sys-login form { display: flex; flex-direction: column; gap: 2px; } /* labels */ .sys-login label { display: block; margin-bottom: 6px; font-size: 11px; letter-spacing: 1.5px; color: #00FF41; opacity: .85; } /* inputs */ .sys-login input[type="text"], .sys-login input[type="password"] { width: 100%; padding: 10px 12px; background: #050505; border: 1px solid rgba(0, 255, 136, .15); color: #00ff88; font-family: monospace; transition: .25s; } .sys-login input[type="text"]:focus, .sys-login input[type="password"]:focus { outline: none; border-color: #00ff88; box-shadow: 0 0 14px rgba(0, 255, 136, .25); } /* ========================= CONNECT BUTTON ========================= */ .sys-login input[type="submit"] { width: 100%; padding: 12px; border: none; cursor: pointer; background: #00FF41; color: #000; font-weight: 700; letter-spacing: 3px; font-family: monospace; transition: .25s; } .sys-login input[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 0 18px rgba(0, 255, 136, .45); } /* ========================= REMEMBER ========================= */ .sys-remember { display: flex; align-items: center; padding: 8px; border: 1px dashed rgba(0, 255, 136, .1); background: rgba(0, 255, 136, .02); } .sys-remember label { margin: 0; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; } .sys-remember input { accent-color: #00FF41; } /* ========================= LINKS ========================= */ .sys-links { display: flex; flex-direction: column; gap: 8px; } .sys-links a { display: block; padding: 10px; text-align: center; text-decoration: none; font-family: monospace; font-size: 10px; letter-spacing: 2px; color: #00FF41; border: 1px solid rgba(0, 255, 136, .12); transition: .25s; } .sys-links a:hover { background: rgba(0, 255, 136, .05); border-color: #00ff88; box-shadow: 0 0 12px rgba(0, 255, 136, .18); } /* REGISTER */ .sys-register { position: relative; } .sys-register::before { content: "[+] "; opacity: .8; } /* RECOVERY */ .sys-recovery { opacity: .75; } .sys-recovery:hover { opacity: 1; } /* ========================= TERMINAL CURSOR ========================= */ .sys-msg::after { content: "_"; margin-left: 2px; animation: cursorBlink .9s infinite; } @keyframes cursorBlink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf1a36 */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-caaf25b */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); direction: ltr; cursor: default; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8c42f65 *//* =================================================== CYZ3NWIRE NODE INFO =================================================== */ .cz-node-info{ position:relative; font-family:"JetBrains Mono", monospace; color:#E5E5E5; overflow:hidden; } /* =================================================== HEADER =================================================== */ .cz-node-header{ display:flex; flex-direction:column; margin-bottom:15px; } .cz-node-logo{ width:100%; } .cz-node-logo img{ width:100%; height:auto; display:block; border:1px solid #222222; border-radius:8px; filter: drop-shadow(0 0 20px rgba(0,255,65,.15)); transition:.35s ease; } .cz-node-logo img:hover{ transform:scale(1.01); filter: drop-shadow(0 0 30px rgba(57,255,20,.25)); } /* =================================================== LANGUAGE SWITCH =================================================== */ .cz-node-lang-switch{ display:flex; width:100%; } .cz-node-lang-switch button{ flex:1; padding:10px; background:#0b0b0b; border:1px solid #222222; border-radius: 50px; color:#888888; cursor:pointer; font-family:inherit; font-size:10px; letter-spacing:2px; transition:.25s ease; } .cz-node-lang-switch button:last-child{ border-radius: 20px 0px 0px 0px !important; } .cz-node-lang-switch button:first-child{ border-radius: 0px 20px 0px 0px !important; } .cz-node-lang-switch button:hover{ color:#39FF14; border-color:#39FF14; box-shadow: 0 0 12px rgba(57,255,20,.15); } .cz-node-lang-switch button.active{ background:#00FF41; color:#000; border-color:#00FF41; font-weight:700; box-shadow: 0 0 15px rgba(0,255,65,.35); } /* =================================================== CONTENT =================================================== */ .cz-node-content{ display:none; animation:nodeFade .35s ease; } .cz-node-content.active{ display:block; } .cz-node-fa{ direction:rtl; text-align:right; } .cz-node-en{ direction:ltr !important; text-align:left; } @keyframes nodeFade{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } } /* =================================================== TITLE =================================================== */ .cz-node-highlight{ text-align:center; color:#00FF41; font-size:14px; letter-spacing:2.5px; margin-bottom:15px; text-shadow: 0 0 12px rgba(0,255,65,.35); } .cz-node-highlight::after{ content:"_"; animation:nodeCursor .9s infinite; } @keyframes nodeCursor{ 0%,50%{ opacity:1; } 51%,100%{ opacity:0; } } /* =================================================== BODY =================================================== */ .cz-node-body{ position:relative; cursor: default; } /* scanlines */ .cz-node-body::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background: repeating-linear-gradient( to bottom, rgba(255,255,255,.015) 0px, rgba(255,255,255,.015) 1px, transparent 1px, transparent 4px ); } /* moving scan */ .cz-node-body::after{ content:""; position:absolute; top:0; left:0; width:100%; height:2px; pointer-events:none; background: linear-gradient( 90deg, transparent, rgba(0,255,65,.15), transparent ); animation:scanline 8s linear infinite; } @keyframes scanline{ from{ transform:translateY(0); } to{ transform:translateY(1200px); } } /* =================================================== TEXT SECTIONS =================================================== */ .cz-node-section{ color:#d4d4d4; line-height:2.1; font-size:12px; margin-bottom:10px; } .cz-node-section p{ margin: 0px; } /* =================================================== MANIFEST BLOCK =================================================== */ .cz-node-manifest{ margin:10px 0; border-right:3px solid #00FF41; background: linear-gradient( 90deg, rgba(0,255,65,.04), transparent ); border-radius:6px; cursor: default; } .cz-node-manifest div{ color:#00FF41; padding:6px 0; transition:.25s ease; letter-spacing:1px; } .cz-node-manifest div:hover{ transform:translateX(4px); color:#39FF14; text-shadow: 0 0 12px rgba(57,255,20,.35); } /* =================================================== QUOTE =================================================== */ .cz-node-quote{ text-align:center; margin: 20px 0px 20px 0px; color:#00FF41; font-size:13px; line-height:2.2; letter-spacing:2px; text-transform:uppercase; text-shadow: 0 0 12px rgba(0,255,65,.25); } /* =================================================== FOOTER =================================================== */ .cz-node-footer{ margin-top:25px; margin-bottom: 10px; padding-top:15px; border-top:1px dashed #333333; text-align:center; color:#888888; font-size:11px; letter-spacing:2px; } /* =================================================== TERMINAL HOVER =================================================== */ .cz-node-info:hover .cz-node-highlight{ color:#39FF14; text-shadow: 0 0 20px rgba(57,255,20,.55); } /* =================================================== GLITCH EFFECT =================================================== */ .cz-node-highlight:hover{ animation:cyzGlitch .25s linear infinite; } @keyframes cyzGlitch{ 0%{ transform:translateX(0); } 25%{ transform:translateX(-1px); } 50%{ transform:translateX(1px); } 75%{ transform:translateX(-1px); } 100%{ transform:translateX(0); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b778771 */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f31fd06 */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); direction: ltr; cursor: default; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-04f25c9 *//* ========================== CONTACT NODE ========================== */ .cz-contact-node{ width:100%; position:relative; } /* ========================== NETWORK AREA ========================== */ .cz-network{ position:relative; width:100%; aspect-ratio:1/1; min-height:280px; } /* ========================== CORE ========================== */ .cz-core{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100px; height:100px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#050505; border:1px solid #00FF41; color:#00FF41; font-size:11px; font-family:"JetBrains Mono",monospace; letter-spacing:2px; box-shadow: 0 0 20px rgba(0,255,65,.35), inset 0 0 20px rgba(0,255,65,.15); cursor: default; z-index:10; transition: 0.7s ease; } .cz-core:hover{ width:115px; height:115px; border:1px dashed #00FF41; transition: 0.3s ease; } } .cz-core::before{ content:""; position:absolute; inset:-8px; border-radius:50%; border:1px dashed rgba(0,255,65,.25); animation:spinNode 20s linear infinite; } /* ========================== NODES ========================== */ .cz-node{ position:absolute; width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; text-decoration:none; transition: 0.7s ease; z-index:5; } .cz-node.active{ color:#00FF41; border:1px solid rgba(0,255,65,.45); background:#080808; box-shadow: 0 0 15px rgba(0,255,65,.35); transition: 0.7s ease; } .cz-node.active:hover{ transform:scale(1.15); box-shadow: 0 0 25px rgba(57,255,20,.55); border:1px dashed #00FF41; transition: 0.3s ease; } .cz-node.inactive{ color:#666; border:1px solid #333; background:#111; opacity:.5; } /* ========================== NODE POSITIONS ========================== */ .telegram{ left:10%; top:35%; } .instagram{ right:10%; top:30%; } .github{ left:18%; top:8%; } .youtube{ right:15%; top:8%; } .twitter{ right:2%; top:50%; } .discord{ left:18%; bottom:10%; } .mail{ right:20%; bottom:8%; } /* ========================== ANIMATION ========================== */ @keyframes spinNode{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } /* floating */ .cz-node{ animation:floatNode 4s ease-in-out infinite; } .cz-node:nth-child(2){ animation-delay:.3s; } .cz-node:nth-child(3){ animation-delay:1s; } .cz-node:nth-child(4){ animation-delay:1.8s; } .cz-node:nth-child(5){ animation-delay:.8s; } @keyframes floatNode{ 0%,100%{ transform:translateY(0px); } 50%{ transform:translateY(-6px); } } .cz-node.active::before{ content:""; position:absolute; inset:-2px; border-radius:50%; border:1px solid rgba(0,255,65,.4); animation:nodePulse 2s infinite; } .cz-core{ animation:coreBreath 4s ease-in-out infinite; } @keyframes coreBreath{ 0%,100%{ box-shadow: 0 0 20px rgba(0,255,65,.35), inset 0 0 20px rgba(0,255,65,.15); } 50%{ box-shadow: 0 0 40px rgba(57,255,20,.55), inset 0 0 30px rgba(0,255,65,.25); } } @keyframes nodePulse{ from{ transform:scale(1); opacity:1; } to{ transform:scale(1.8); opacity:0; } } .cz-node.network-active{ box-shadow: 0 0 15px rgba(57,255,20,0.9) !important; transform:scale(2.5); } .telegram::after{ content:"TELEGRAM"; } .instagram::after{ content:"INSTAGRAM"; } .github::after{ content:"GITHUB"; } .youtube::after{ content:"YOUTUBE"; } .twitter::after{ content:"X"; } .discord::after{ content:"DISCORD"; } .mail::after{ content:"EMAIL"; } .cz-node::after{ position:absolute; top:115%; left:50%; transform:translateX(-50%); font-size:7px; color:#888; letter-spacing:1px; } .cz-node.active:hover::after{ content:"CONNECT"; color:#39FF14; transition: 0.2s ease; } .cz-core::before{ content:""; position:absolute; inset:-5px; border-radius:50%; background: conic-gradient( transparent 0deg, rgba(0,255,65,.25) 40deg, transparent 80deg ); animation:radar 4s linear infinite; pointer-events:none; } @keyframes radar{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } /* ========================== RESPONSIVE ========================== */ @media(max-width:500px){ .cz-core{ width:90px; height:90px; font-size:10px; } .cz-node{ width:42px; height:42px; font-size:18px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2529dcd */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4db6bf5 */.sidebar-title{ font-family: "Courier New", monospace; position: relative; color: #00FF41; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; border-left: 3px solid #00FF41; padding-left: 8px; text-shadow: 0 0 10px rgba(0,255,65,.3); direction: ltr; cursor: default; } .sidebar-title::after { content: ""; display: block; height: 1px; margin-top: 5px; background: repeating-linear-gradient( 90deg, #00FF41, #00FF41 4px, transparent 4px, transparent 8px ); opacity: 0.6; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-78e122b *//* ========================== MOTD ========================== */ .cz-motd{ position:relative; direction:ltr; text-align:left; overflow:hidden; border-left:3px solid #00FF41; padding:10px 12px; background: linear-gradient( 180deg, rgba(0,255,65,.03), rgba(0,255,65,.01) ); transition:.3s ease; } .cz-motd:hover{ background: linear-gradient( 180deg, rgba(0,255,65,.05), rgba(0,255,65,.015) ); } /* ========================== BODY ========================== */ .cz-motd-body{ display:flex; align-items:flex-start; gap:8px; min-height:40px; position:relative; } /* ========================== ARROW ========================== */ .cz-motd-arrow{ color:#00FF41; flex-shrink:0; font-family:"JetBrains Mono",monospace; text-shadow: 0 0 10px rgba(0,255,65,.55); animation:motdBlink 1.5s infinite; } /* ========================== TEXT ========================== */ .cz-motd-text{ color:#d4d4d4; font-size:11px; line-height:1.8; font-family:"JetBrains Mono",monospace; letter-spacing:.4px; overflow-wrap:anywhere; word-break:break-word; max-width:100%; } /* ========================== TERMINAL CURSOR ========================== */ .cz-motd-text::after{ content:"_"; color:#00FF41; margin-left:2px; animation:cursorBlink .8s infinite; } /* ========================== SCANLINE ========================== */ .cz-motd::before{ content:""; position:absolute; inset:0; background: repeating-linear-gradient( to bottom, rgba(255,255,255,.015) 0px, rgba(255,255,255,.015) 1px, transparent 1px, transparent 3px ); pointer-events:none; opacity:.35; } /* ========================== GLOW BAR ========================== */ .cz-motd::after{ content:""; position:absolute; left:-30%; top:0; width:30%; height:100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,.08), transparent ); animation:motdSweep 7s linear infinite; pointer-events:none; } /* ========================== ANIMATIONS ========================== */ @keyframes cursorBlink{ 0%,50%{ opacity:1; } 51%,100%{ opacity:0; } } @keyframes motdBlink{ 0%,100%{ opacity:1; } 50%{ opacity:.45; } } @keyframes motdSweep{ from{ transform:translateX(-150%); } to{ transform:translateX(500%); } } /* ========================== RESPONSIVE ========================== */ @media(max-width:768px){ .cz-motd{ padding:8px 10px; } .cz-motd-text{ font-size:10px; line-height:1.7; } } @media(max-width:480px){ .cz-motd-text{ font-size:9px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e74716 */.system-status { position: relative; overflow: hidden; } .system-status::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0,255,65,0.08), transparent ); animation: scan 3.5s infinite; } @keyframes scan { 0% { left: -100%; } 100% { left: 100%; } } .sidebar-panel { background: linear-gradient(145deg, #0F0F0F, #0A0A0A); border-left: 2px solid rgba(0,255,65,0.25); position: relative; transition: 0.2s ease; } .sidebar-panel:hover { transform: translateX(4px); border-left: 2px solid #39FF14; box-shadow: 0 0 18px rgba(0,255,65,0.18); } /*flicker effect*/ .sidebar-panel { animation: flicker 10s infinite; } @keyframes flicker { 0%, 100% { opacity: 1; } 10% { opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9de7fa2 *//*======================================== TERMINAL TOP ========================================*/ .cz-terminal-top{ position:relative; display:flex; flex-direction:row; align-items:stretch; justify-content:flex-start; width:100%; margin:0; padding:0; isolation:isolate; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ca87aab *//*======================================== AD BANNER ========================================*/ .cz-ad-banner{ position:relative; display:flex; justify-content:center; align-items:center; width:100%; overflow:hidden; isolation:isolate; border-radius:12px; padding:20px; /*margin-top:22px;*/ background: linear-gradient( 180deg, rgba(12,12,12,.98), rgba(8,8,8,1) ); border:1px solid rgba(57,255,20,.07); transition: border-color .35s ease, box-shadow .35s ease, background .35s ease; } /*======================================== INNER BORDER ========================================*/ .cz-ad-banner::before{ content:""; position:absolute; inset:1px; border-radius:11px; border:1px solid rgba(255,255,255,.025); pointer-events:none; } /*======================================== TOP GLOW ========================================*/ .cz-ad-banner::after{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background: linear-gradient( 90deg, transparent, rgba(57,255,20,.18), transparent ); opacity:.45; } /*======================================== HOVER ========================================*/ .cz-ad-banner:hover{ border-color:rgba(57,255,20,.18); box-shadow: 0 0 18px rgba(57,255,20,.05), inset 0 0 12px rgba(57,255,20,.02); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3ecdf3b *//*======================================== RANDOM DROP BOX ========================================*/ .cz-random-box{ position:relative; display:flex; flex-direction:column; justify-content:flex-start; gap:16px; min-height:220px; overflow:hidden; isolation:isolate; background: linear-gradient( 180deg, rgba(12,12,12,.98), rgba(8,8,8,1) ); border:1px solid rgba(57,255,20,.06); border-radius:10px; transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease; } .cz-random-box:hover{ border-color:rgba(57,255,20,.14); box-shadow: 0 0 20px rgba(57,255,20,.04), inset 0 0 14px rgba(57,255,20,.02); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88ad1b9 */.cz-terminal-section{ position:relative; display:flex; align-items:stretch; justify-content:space-between; gap:24px; overflow:visible; isolation:isolate; } .cz-terminal-section > *{ min-width:0; } /*======================================== TERMINAL BOX ========================================*/ .cz-roadmap-box, .cz-resources-box{ position:relative; display:flex; flex-direction:column; gap:16px; isolation:isolate; overflow:hidden; min-height:300px; padding:22px; border-radius:10px; background: linear-gradient( 180deg, rgba(12,12,12,.98), rgba(7,7,7,1) ); border:1px solid rgba(57,255,20,.06); transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease; } /*======================================== HOVER ========================================*/ .cz-roadmap-box:hover, .cz-resources-box:hover{ border-color:rgba(57,255,20,.18); background: linear-gradient( 180deg, rgba(15,15,15,1), rgba(9,9,9,1) ); box-shadow: inset 0 0 18px rgba(57,255,20,.018), 0 0 18px rgba(57,255,20,.03); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-316d668 *//*======================================== FOOTER ========================================*/ .cz-footer{ position:relative; width:100%; overflow:hidden; isolation:isolate; background: linear-gradient( 180deg, #090909 0%, #050505 100% ); border-top:1px solid rgba(57,255,20,.06); } /*======================================== TOP GLOW ========================================*/ .cz-footer::before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background: linear-gradient( 90deg, transparent, rgba(57,255,20,.18), transparent ); opacity:.45; } /*======================================== SUBTLE SHADOW ========================================*/ .cz-footer{ box-shadow: inset 0 1px rgba(255,255,255,.015), 0 -25px 60px rgba(0,0,0,.45); }/* End custom CSS */ /* Start custom CSS *//*text selection color*/ ::selection { background: rgba(0,255,65,.85); color: #000; text-shadow: none; } ::-moz-selection { background: rgba(0,255,65,.85); color: #000; }/* End custom CSS */