*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:#fff0}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{margin-left:auto;margin-right:auto;width:100%}@media (min-width:100%){.container{max-width:100%}}@media (min-width:540px){.container{max-width:540px}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:960px){.container{max-width:960px}}@media (min-width:1140px){.container{max-width:1140px}}@media (min-width:1320px){.container{max-width:1320px}}@media (min-width:1480px){.container{max-width:1480px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-8{top:2rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[997\]{z-index:997}.z-\[998\]{z-index:998}.z-\[999\]{z-index:999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-9{grid-column:span 9/span 9}.m-auto{margin:auto}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-bottom:3rem;margin-top:3rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.mb-0{margin-bottom:0}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-5{margin-left:1.25rem}.ml-\[300px\]{margin-left:300px}.ml-\[330px\]{margin-left:330px}.ml-auto{margin-left:auto}.mr-4{margin-right:1rem}.mr-\[210px\]{margin-right:210px}.mr-\[430px\]{margin-right:430px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-\[13px\]{height:13px}.h-\[145\]{height:145}.h-\[31px\]{height:31px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[443px\]{height:443px}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-\[700px\]{height:700px}.h-\[75px\]{height:75px}.h-full{height:100%}.max-h-\[149px\]{max-height:149px}.min-h-\[150px\]{min-height:150px}.min-h-\[194px\]{min-height:194px}.min-h-\[270px\]{min-height:270px}.min-h-\[289px\]{min-height:289px}.min-h-\[30px\]{min-height:30px}.min-h-\[500px\]{min-height:500px}.min-h-\[50px\]{min-height:50px}.min-h-\[52px\]{min-height:52px}.w-1\/2{width:50%}.w-1\/6{width:16.666667%}.w-12{width:3rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-4\/5{width:80%}.w-5\/6{width:83.333333%}.w-\[13px\]{width:13px}.w-\[190px\]{width:190px}.w-\[31px\]{width:31px}.w-\[340px\]{width:340px}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[443px\]{width:443px}.w-\[45\%\]{width:45%}.w-\[454px\]{width:454px}.w-\[470px\]{width:470px}.w-\[49\%\]{width:49%}.w-\[50px\]{width:50px}.w-\[57px\]{width:57px}.w-\[60px\]{width:60px}.w-\[75px\]{width:75px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\[170px\]{min-width:170px}.min-w-\[22px\]{min-width:22px}.min-w-\[320px\]{min-width:320px}.min-w-\[350px\]{min-width:350px}.min-w-\[370px\]{min-width:370px}.min-w-max{min-width:max-content}.max-w-\[1084px\]{max-width:1084px}.max-w-\[292px\]{max-width:292px}.max-w-\[340px\]{max-width:340px}@keyframes aiPulse{0%,100%{opacity:1}50%{opacity:.5}}.ai-badge{position:absolute;top:0;right:0;color:#22c55e;font-size:11px;font-weight:700;white-space:nowrap;animation:aiPulse 1.5s cubic-bezier(.4,0,.6,1) infinite;z-index:60;line-height:1}.ai-badge.blue{color:#3b82f6}.ai-badge.orange{color:#f97316}.max-w-\[720px\]{max-width:720px}.max-w-\[740px\]{max-width:740px}.max-w-\[900px\]{max-width:900px}.table-auto{table-layout:auto}.-rotate-180{--tw-rotate:-180deg}.-rotate-180,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-9{gap:2.25rem}.gap-\[2px\]{gap:2px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[2px\]{border-radius:2px}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-l-xl{border-bottom-left-radius:.75rem;border-top-left-radius:.75rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-r-xl{border-bottom-right-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-x-2{border-left-width:2px;border-right-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-\[\#D9D9D9\]{--tw-border-opacity:1;border-color:rgb(217 217 217/var(--tw-border-opacity,1))}.border-\[\#E2E4EB\]{--tw-border-opacity:1;border-color:rgb(226 228 235/var(--tw-border-opacity,1))}.border-vgray-1{--tw-border-opacity:1;border-color:rgb(217 217 217/var(--tw-border-opacity,1))}.border-vtext-1{--tw-border-opacity:1;border-color:rgb(44 46 62/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.bg-\[\#42C642\]{--tw-bg-opacity:1;background-color:rgb(66 198 66/var(--tw-bg-opacity,1))}.bg-\[\#9906D16E\]{--tw-bg-opacity:0.43;background-color:rgb(153 6 209 / var(--tw-bg-opacity))}.bg-\[\#5A9DFF\]{--tw-bg-opacity:1;background-color:rgb(90 157 255/var(--tw-bg-opacity,1))}.bg-\[\#8CA3D8\]{--tw-bg-opacity:1;background-color:rgb(140 163 216/var(--tw-bg-opacity,1))}.bg-\[\#8CD8A4\]{--tw-bg-opacity:1;background-color:rgb(140 216 164/var(--tw-bg-opacity,1))}.bg-\[\#A7ED45\]{--tw-bg-opacity:1;background-color:rgb(167 237 69/var(--tw-bg-opacity,1))}.bg-\[\#D63621\]{--tw-bg-opacity:1;background-color:rgb(214 54 33/var(--tw-bg-opacity,1))}.bg-\[\#D88C8C\]{--tw-bg-opacity:1;background-color:rgb(216 140 140/var(--tw-bg-opacity,1))}.bg-\[\#E9EBF4\]{--tw-bg-opacity:1;background-color:rgb(233 235 244/var(--tw-bg-opacity,1))}.bg-\[\#EBEEF5\]{--tw-bg-opacity:1;background-color:rgb(235 238 245/var(--tw-bg-opacity,1))}.bg-\[\#F7F9FD\]{--tw-bg-opacity:1;background-color:rgb(247 249 253/var(--tw-bg-opacity,1))}.bg-\[\#FDE9A8\]{--tw-bg-opacity:1;background-color:rgb(253 233 168/var(--tw-bg-opacity,1))}.bg-\[\#FF7D43\]{--tw-bg-opacity:1;background-color:rgb(255 125 67/var(--tw-bg-opacity,1))}.bg-\[\#FFAF3B\]{--tw-bg-opacity:1;background-color:rgb(255 175 59/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-vblue-1{--tw-bg-opacity:1;background-color:rgb(10 18 73/var(--tw-bg-opacity,1))}.bg-vgray-1{--tw-bg-opacity:1;background-color:rgb(217 217 217/var(--tw-bg-opacity,1))}.bg-vgray-3{--tw-bg-opacity:1;background-color:rgb(33 33 33/var(--tw-bg-opacity,1))}.bg-vtext-1{--tw-bg-opacity:1;background-color:rgb(44 46 62/var(--tw-bg-opacity,1))}.bg-vyellow-1{--tw-bg-opacity:1;background-color:rgb(255 213 75/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/5{background-color:#ffffff0d}.bg-\[url\(\'\/images\/firewall\/bg\.webp\'\)\] {
    background-image: url(/wp-content/themes/verunix/images/firewall/bg.webp)
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.object-contain {
    object-fit: contain
}

.p-16 {
    padding: 4rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[30px\] {
    font-size: 30px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[60px\] {
    font-size: 60px
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.font-\[300\] {
    font-weight: 300
}

.font-\[400\] {
    font-weight: 400
}

.font-\[500\] {
    font-weight: 500
}

.font-\[600\] {
    font-weight: 600
}

.font-\[700\],
.font-bold {
    font-weight: 700
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.text-\[\#333333\] {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1))
}

.text-\[\#8CD8A4\] {
    --tw-text-opacity: 1;
    color: rgb(140 216 164/var(--tw-text-opacity, 1))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-black\/80 {
    color: #000c
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52/var(--tw-text-opacity, 1))
}

.text-vblue-1,
h1,
h2,
h3,
h4,
h5,
h6,
.w-full.xl\:w-1\/6.flex.flex-col.gap-2.p-6.border-r .text-\[24px\].font-\[600\].mb-4 {
    --tw-text-opacity: 1;
    color: rgb(10 18 73/var(--tw-text-opacity, 1)) !important
}

.text-vblue-2 {
    --tw-text-opacity: 1;
    color: rgb(0 98 170/var(--tw-text-opacity, 1))
}

.text-vgray-3 {
    --tw-text-opacity: 1;
    color: rgb(33 33 33/var(--tw-text-opacity, 1))
}

.text-vtext-1 {
    --tw-text-opacity: 1;
    color: rgb(44 46 62/var(--tw-text-opacity, 1))
}

.text-vtitle-1 {
    --tw-text-opacity: 1;
    color: rgb(52 55 76/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-white\/60 {
    color: #fff9
}

.text-white\/70 {
    color: #ffffffb3
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
    transition-duration: .1s
}

.duration-300 {
    transition-duration: .3s
}

.duration-\[14s\] {
    transition-duration: 14s
}

.ease-linear {
    transition-timing-function: linear
}

.hover\:bg-slate-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225/var(--tw-bg-opacity, 1))
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group:hover .group-hover\:h-\[45px\] {
    height: 45px
}

.group:hover .group-hover\:w-\[45px\] {
    width: 45px
}

.group:hover .group-hover\:rotate-\[1440deg\] {
    --tw-rotate: 1440deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.group:hover .group-hover\:animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.group:hover .group-hover\:hue-rotate-\[1440deg\] {
    --tw-hue-rotate: hue-rotate(1440deg);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media (min-width:1200px) {
    .xl\:col-span-1 {
        grid-column: span 1/span 1
    }

    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:col-span-4 {
        grid-column: span 4/span 4
    }

    .xl\:my-auto {
        margin-bottom: auto;
        margin-top: auto
    }

    .xl\:mb-24 {
        margin-bottom: 6rem
    }

    .xl\:mt-12 {
        margin-top: 3rem
    }

    .xl\:mt-24 {
        margin-top: 6rem
    }

    .xl\:mt-auto {
        margin-top: auto
    }

    .xl\:block {
        display: block
    }

    .xl\:flex {
        display: flex
    }

    .xl\:grid {
        display: grid
    }

    .xl\:hidden {
        display: none
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-1\/3 {
        width: 33.333333%
    }

    .xl\:w-1\/4 {
        width: 25%
    }

    .xl\:w-1\/6 {
        width: 16.666667%
    }

    .xl\:w-2\/3 {
        width: 66.666667%
    }

    .xl\:w-2\/4 {
        width: 50%
    }

    .xl\:w-3\/4 {
        width: 75%
    }

    .xl\:w-5\/6 {
        width: 83.333333%
    }

    .xl\:w-\[180px\] {
        width: 180px
    }

    .xl\:w-\[368px\] {
        width: 368px
    }

    .xl\:w-\[400px\] {
        width: 400px
    }

    .xl\:w-\[558px\] {
        width: 558px
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-fit {
        width: fit-content
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:min-w-\[220px\] {
        min-width: 220px
    }

    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:flex-col {
        flex-direction: column
    }

    .xl\:flex-wrap {
        flex-wrap: wrap
    }

    .xl\:items-start {
        align-items: flex-start
    }

    .xl\:justify-start {
        justify-content: flex-start
    }

    .xl\:justify-center {
        justify-content: center
    }

    .xl\:justify-between {
        justify-content: space-between
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:gap-12 {
        gap: 3rem
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:p-12 {
        padding: 3rem
    }

    .xl\:p-16 {
        padding: 4rem
    }

    .xl\:p-2 {
        padding: .5rem
    }

    .xl\:p-4 {
        padding: 1rem
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-24 {
        padding-bottom: 6rem
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-end {
        text-align: end
    }
}

@font-face{ 
    font-display: swap;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/EuclidCircularB-Light.woff2) format("woff2")
 }

@font-face{ 
    font-display: swap;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/EuclidCircularB-Regular.woff2) format("woff2")
 }

@font-face{ 
    font-display: swap;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/EuclidCircularB-Medium.woff2) format("woff2")
 }

@font-face{ 
    font-display: swap;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/EuclidCircularB-SemiBold.woff2) format("woff2")
 }

@font-face{ 
    font-display: swap;
    font-family: Euclid Circular B;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/EuclidCircularB-Bold.woff2) format("woff2")
 }

body {
    font-family: Euclid Circular B, Arial, sans-serif
}

.active {
    display: block !important;
}






@font-face{ font-display:swap;
    font-family: 'SF UI Text Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Italic'), url(/assets/fonts/SFUIText-RegularItalic.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Light';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Light'), url(/assets/fonts/SFUIText-Light.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Light Italic'), url(/assets/fonts/SFUIText-LightItalic.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Medium';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Medium'), url(/assets/fonts/SFUIText-Medium.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Medium Italic'), url(/assets/fonts/SFUIText-MediumItalic.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Semibold'), url(/assets/fonts/SFUIText-Semibold.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Semibold Italic'), url(/assets/fonts/SFUIText-SemiboldItalic.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Bold';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Bold'), url(/assets/fonts/SFUIText-Bold.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Bold Italic'), url(/assets/fonts/SFUIText-BoldItalic.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Heavy'), url(/assets/fonts/SFUIText-Heavy.woff) format('woff');
 }


@font-face{ font-display:swap;
    font-family: 'SF UI Text Heavy Italic';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Text Heavy Italic'), url(/assets/fonts/SFUIText-HeavyItalic.woff) format('woff');
 }

/* Ana içerik alanı */
.entry-content {
    font-size: 17px;
    line-height: 1.8;
    color: #222;
    max-width: 850px;
    margin: auto;
}

/* Paragraflar */
.entry-content p {
    margin-bottom: 20px;
    letter-spacing: 0.2px;
}

/* Başlıklar */
.entry-content h2 {
    font-size: 28px;
    margin-top: 35px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.entry-content h3 {
    font-size: 23px;
    margin-top: 30px;
    margin-bottom: 12px;
    font-weight: 600;
}

/* Kalın yazılar */
.entry-content strong {
    font-weight: 700;
}

/* Modern listeler */
.entry-content ul {
    margin: 18px 0 20px 30px;
    padding-left: 20px;
}

.entry-content ul li {
    margin-bottom: 10px;
    line-height: 1.6;
    position: relative;
}

.entry-content ul li::before {
    content: "•";
    position: absolute;
    left: -20px;
    font-size: 20px;
    color: #0073aa;
    top: 0;
}

/* Premium tablo görünümü */
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    font-size: 16px;
}

.entry-content table th,
.entry-content table td {
    padding: 12px 15px;
    border: 1px solid #dcdcdc;
    line-height: 1.6;
}

.entry-content table th {
    background: #f3f5f7;
    font-weight: 600;
    font-size: 16px;
}

.entry-content table tr:nth-child(even) {
    background: #fafafa;
}

/* Görseller */
.entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 25px auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Blockquote (alıntı kutusu) */
.entry-content blockquote {
    border-left: 4px solid #0073aa;
    padding: 18px 22px;
    background: #f7f9fb;
    margin: 30px 0;
    font-style: italic;
    font-size: 18px;
    color: #444;
}

/* Code & Pre (teknik yazılar için) */
.entry-content pre {
    background: #1e1e1e;
    color: #f8f8f2;
    padding: 15px;
    overflow-x: auto;
    border-radius: 6px;
    margin: 25px 0;
    font-size: 15px;
}

.entry-content code {
    background: #f0f0f0;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 14px;
    color: #c7254e;
}

/* Yatay çizgi */
.entry-content hr {
    border: 0;
    border-top: 1px solid #ddd;
    margin: 40px 0;
}

/* Linkler */
.entry-content a {
    color: #0073aa;
    text-decoration: underline;
}

.entry-content a:hover {
    color: #005f8d;
}

/* Mobil uyumluluk */
@media (max-width: 600px) {
    .entry-content {
        font-size: 16px;
        padding: 0 10px;
    }

    .entry-content h2 {
        font-size: 24px;
    }

    .entry-content table {
        font-size: 15px;
    }
}

.entry-content ul {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.entry-content ul li {
    margin-left: 30px !important;
    padding-left: 0 !important;
    position: relative !important;
}

.entry-content ul li::before {
    content: "";
    width: 10px !important;
    height: 10px !important;
    background: #0073aa !important;
    border-radius: 50% !important;
    position: absolute !important;
    left: -20px !important;
    top: 10px !important;
    display: inline-block !important;
    z-index: 9999 !important;
}




/* Gaming Theme Additions */
.gaming-card {
    background: #fff;
    border: 1px solid #e2e4eb;
    border-radius: 10px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.gaming-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gaming-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: #6366f1;
}

.gaming-card:hover::before {
    opacity: 1;
}

.gaming-btn {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.gaming-btn:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.4);
    transform: scale(1.02);
}

/* Simulation Section */
.simulation-container {
    background: #f8fafc;
    border-radius: 16px;
    padding: 2rem;
    border: 1px solid #e2e8f0;
}

.sim-bar-bg {
    background: #e2e8f0;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.sim-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #10b981, #3b82f6);
    width: 0%;
    transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.sim-bar-fill::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: translateX(-100%);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.sim-counter {
    font-family: 'Courier New',monospace;font-weight:700;color:#0f172a}.sim-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px -5px rgb(0 0 0 / .05);border:1px solid #f1f5f9;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.sim-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -5px rgb(0 0 0 / .1)}.sim-gauge-wrapper{position:relative;width:160px;height:160px;margin-bottom:1.5rem}.sim-gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#e2e8f0;stroke-width:8}.gauge-fill{fill:none;stroke:#4f46e5;stroke-width:8;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.gauge-fill.low{stroke:#10b981}.gauge-fill.med{stroke:#f59e0b}.gauge-fill.high{stroke:#6366f1}.gauge-fill.ultra{stroke:#8b5cf6}.gauge-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-number{font-size:2.5rem;font-weight:700;color:#1e293b;line-height:1}.gauge-label{font-size:.8rem;color:#64748b;margin-top:4px;font-weight:500}.sim-card-title{font-size:1.1rem;font-weight:600;color:#334155;margin-bottom:.5rem}.sim-card-desc{font-size:.9rem;color:#94a3b8;text-align:center}@media (min-width:1024px){.sim-card{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem 3rem;gap:2rem;text-align:left}.sim-card-title{font-size:1.5rem;margin-bottom:.25rem}.sim-card-desc{text-align:left;margin-top:0}.sim-gauge-wrapper{margin-bottom:0;width:120px;height:120px;flex-shrink:0}.gauge-bg,.gauge-fill{stroke-width:6}.gauge-number{font-size:2rem}}.tps-badge{background:#f1f5f9;padding:.5rem 1rem;border-radius:8px;display:inline-flex;flex-direction:column;align-items:center;border:1px solid #e2e8f0;min-width:100px}.tps-value{font-weight:700;font-size:1.25rem;color:#10b981}.tps-label{font-size:.75rem;color:#64748b;font-weight:600}