:root {
    --primary-blue: #0066cc;
    --dark-blue: #004a99;
    --light-blue: #e6f2ff;
    --accent-red: #e63946;
    --text-dark: #333333;
    --text-light: #666666;
    --background-light: #f8f9fa;
    --card-shadow: 0 5px 15px rgba(0,0,0,0.08);
    --cyber-black: #05070a;
    --text-main: #e2e8f0;
}
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
}
/* Static Navigation */
.static-nav {
    width: 100%;
    z-index: 10;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: static;
}
.top-bar {
    background-color: #101940;
    padding: 1rem 0px 1rem 0px;
    padding:0px !important;
}
.top-bar ul {
    background-color: transparent;
}
.top-bar a {
    color: var(--text-dark);
    font-weight: 500;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
}
.top-bar a:hover {
    color: var(--primary-blue);
}
.nav-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.nav-icons i {
    font-size: 1.2rem;
    margin-left: 1.2rem;
    color: var(--text-dark);
    cursor: pointer;
}
.nav-icons i:hover {
    color: var(--primary-blue);
}
.currency-dropdown {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
/* Hero Section */
.hero {
    background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue));
    color: white;
    padding:4rem 0 0rem 0px; /* 4rem 0 6rem;*/
    position: relative;
    overflow: hidden;
    background-size: 100% 600px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#133875,#133875);
}
.hero-content {
    position: relative;
    z-index: 2;
}
.hero h1 {
    font-size: 41px;
    margin-bottom: 1rem;
    line-height: 1.2;
}
.hero-subtitle {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}
.hero-buttons {
    margin-bottom: 2.5rem;
}
.hero-buttons .button {
    margin-right: 1rem;
    border-radius: 4px;
    font-weight: 600;
    padding: 0.8rem 1.8rem;
    transition: all 0.3s ease;
}
.hero-buttons .button.hollow {
    border: 2px solid white;
    color: white;
}
.hero-buttons .button.hollow:hover {
    background-color: white;
    color: var(--primary-blue);
}
.search-box {
    background: white;
    border-radius: 8px;
    padding: 0.5rem;
    display: flex;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    margin-bottom: 1.5rem;
}
.search-box input {
    border: none;
    flex-grow: 1;
    padding: 0.8rem 1rem;
    font-size: 1rem;
    margin-bottom:0px;
    border-radius: 4px 0 0 4px;
}
.search-box input#start-scan {
    background-color: var(--accent-red);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.8rem 0rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.domain-pricing {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.domain-tag {
    background: rgba(255,255,255,0.2);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
}
.domain-tag strong {
    font-weight: 700;
}
/* Decorative Elements */
.hero-decoration {
    position: absolute;
    z-index: 1;
}
.decoration-1 {
    top: 10%;
    right: 5%;
    opacity: 0.7;
}
.decoration-2 {
    bottom: 10%;
    left: 5%;
    opacity: 0.5;
}
.decoration-3 {
    top: 40%;
    right: 15%;
    opacity: 0.4;
}
.decoration-icon {
    font-size: 5rem;
    color: rgba(255,255,255,0.2);
}
.secondary-section {
    padding: 4rem 0;
    background-color: var(--background-light);
}
.section-heading {
    text-align: center;
    margin-bottom: 3rem;
}
.section-heading h2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--text-dark);
}
.tab-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2rem;
}
.tab-button {
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.8rem 1.5rem;
    font-weight: 600;
    color: var(--text-dark);
    cursor: pointer;
    transition: all 0.3s ease;
}
.tab-button:hover, .tab-button.active {
    background-color: var(--primary-blue);
    color: white;
    border-color: var(--primary-blue);
}
/* Product Cards Section */
.cards-section {
    padding: 5rem 0;
    background-color: white;
}
.cards-heading {
    text-align: center;
    margin-bottom: 1.5rem;
}
.cards-heading h2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 0.5rem;
}
.cards-heading p {
    font-size: 1.1rem;
    color: var(--text-light);
    max-width: 600px;
    margin: 0 auto;
}
.product-card {
    background: white;
    border-radius: 8px;
    box-shadow: var(--card-shadow);
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}
.card-badge {
    display: inline-block;
    background: var(--primary-blue);
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.card-badge.free {
    background: #28a745;
}
.card-badge.special {
    background: #ffc107;
    color: var(--text-dark);
}
.card-badge.new {
    background: var(--accent-red);
}
.card-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--text-dark);
}
.card-category {
    font-size: 0.9rem;
    color: var(--text-light);
    margin-bottom: 1rem;
    display: block;
}
.card-description {
    margin-bottom: 1.5rem;
    flex-grow: 1;
    color: var(--text-light);
}
.card-pricing {
    margin-bottom: 1.5rem;
}
.price-main {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-dark);
}
.price-secondary {
    font-size: 0.9rem;
    color: var(--text-light);
}
.price-compare {
    text-decoration: line-through;
    color: var(--text-light);
    margin-right: 0.5rem;
}
.card-button {
    background: var(--primary-blue);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.8rem 1.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    margin-top: auto;
}
.card-button:hover {
    background-color: var(--dark-blue);
}
.card-button.hollow {
    background: transparent;
    border: 2px solid var(--primary-blue);
    color: var(--primary-blue);
}
.card-button.hollow:hover {
    background-color: var(--light-blue);
}
.card-split {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.card-split > div {
    flex: 1;
}
/* Features Section */
.features-section {
    padding: 5rem 0;
    background-color: var(--background-light);
}
.features-heading {
    text-align: center;
    margin-bottom: 4rem;
}
.features-heading h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 1rem;
}  
.features-heading p {
    font-size: 1.2rem;
    color: var(--text-light);
    max-width: 800px;
    margin: 0 auto;
}
.feature-block {
    background: white;
    border-radius: 8px;
    padding: 3rem;
    box-shadow: var(--card-shadow);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.feature-icon {
    font-size: 3rem;
    color: var(--primary-blue);
    margin-bottom: 1.5rem;
}
.feature-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--text-dark);
}
.feature-description {
    margin-bottom: 2rem;
    color: var(--text-light);
    flex-grow: 1;
}
.feature-cta {
    display: inline-flex;
    align-items: center;
    color: var(--primary-blue);
    font-weight: 600;
    text-decoration: none;
    margin-top: auto;
    transition: color 0.3s ease;
}
.feature-cta:hover {
    color: var(--dark-blue);
}
.feature-cta i {
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}
.feature-cta:hover i {
    transform: translateX(5px);
}
.feature-divider {
    height: 1px;
    background: #e0e0e0;
    margin: 3rem 0;
}
/* Responsive Adjustments */
@media screen and (max-width: 768px) {
    .hero h1 {
        font-size: 2.5rem;
    }
    .hero-buttons .button {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
    }
    .nav-icons {
        justify-content: center;
        margin-top: 1rem;
    }
    .top-bar .menu {
        text-align: center;
    }
    .card-split {
        flex-direction: column;
    }
    .feature-block {
        padding: 2rem;
    }
    .feature-title {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 640px) {
    .hero h1 {
        font-size: 2rem;
    }
    .domain-pricing {
        justify-content: center;
    }
    .features-heading h2 {
        font-size: 2rem;
    }
}
tfoot td, tfoot th, thead td, thead th {
    font-size: 12px;
}
.landing-nmapresult, #knocksubdomain, #cipher-table, #e-search-results, #healthycheck, #icmp-ping-test {
    height: 300px;
    overflow-y: scroll;
    text-align: initial;
}
.tabs-content thead th{
   font-weight: normal !important;
}
.dot-elastic{position:relative;width:10px;height:10px;border-radius:5px;background-color:#ff7f00;color:#ff7f00;animation:dotElastic 1s infinite linear}.dot-elastic::before,.dot-elastic::after{content:'';display:inline-block;position:absolute;top:0}.dot-elastic::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#ff7f00;color:#ff7f00;animation:dotElasticBefore 1s infinite linear}.dot-elastic::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#ff7f00;color:#ff7f00;animation:dotElasticAfter 1s infinite linear}@keyframes dotElasticBefore{0%{transform:scale(1, 1)}25%{transform:scale(1, 1.5)}50%{transform:scale(1, 0.67)}75%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes dotElastic{0%{transform:scale(1, 1)}25%{transform:scale(1, 1)}50%{transform:scale(1, 1.5)}75%{transform:scale(1, 1)}100%{transform:scale(1, 1)}}@keyframes dotElasticAfter{0%{transform:scale(1, 1)}25%{transform:scale(1, 1)}50%{transform:scale(1, 0.67)}75%{transform:scale(1, 1.5)}100%{transform:scale(1, 1)}}.dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px #9880ff;animation:dotPulse 1.5s infinite linear;animation-delay:.25s}.dot-pulse::before,.dot-pulse::after{content:'';display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-pulse::before{box-shadow:9984px 0 0 -5px #9880ff;animation:dotPulseBefore 1.5s infinite linear;animation-delay:0s}.dot-pulse::after{box-shadow:10014px 0 0 -5px #9880ff;animation:dotPulseAfter 1.5s infinite linear;animation-delay:.5s}@keyframes dotPulseBefore{0%{box-shadow:9984px 0 0 -5px #9880ff}30%{box-shadow:9984px 0 0 2px #9880ff}60%,100%{box-shadow:9984px 0 0 -5px #9880ff}}@keyframes dotPulse{0%{box-shadow:9999px 0 0 -5px #9880ff}30%{box-shadow:9999px 0 0 2px #9880ff}60%,100%{box-shadow:9999px 0 0 -5px #9880ff}}@keyframes dotPulseAfter{0%{box-shadow:10014px 0 0 -5px #9880ff}30%{box-shadow:10014px 0 0 2px #9880ff}60%,100%{box-shadow:10014px 0 0 -5px #9880ff}}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing::before,.dot-flashing::after{content:'';display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#9880ff}50%,100%{background-color:#ebe6ff}}.dot-collision{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-collision::before,.dot-collision::after{content:'';display:inline-block;position:absolute;top:0}.dot-collision::before{left:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotCollisionBefore 2s infinite ease-in}.dot-collision::after{left:10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotCollisionAfter 2s infinite ease-in;animation-delay:1s}@keyframes dotCollisionBefore{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(-15px)}}@keyframes dotCollisionAfter{0%,50%,75%,100%{transform:translateX(0)}25%{transform:translateX(15px)}}.dot-revolution{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-revolution::before,.dot-revolution::after{content:'';display:inline-block;position:absolute}.dot-revolution::before{left:0;top:-15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 20px;animation:dotRevolution 1.4s linear infinite}.dot-revolution::after{left:0;top:-30px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 35px;animation:dotRevolution 1s linear infinite}@keyframes dotRevolution{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}.dot-carousel{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;animation:dotCarousel 1.5s infinite linear}@keyframes dotCarousel{0%{box-shadow:9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff}50%{box-shadow:10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff,9999px 0 0 1px #9880ff}100%{box-shadow:9999px 0 0 1px #9880ff,10014px 0 0 -1px #9880ff,9984px 0 0 -1px #9880ff}}.dot-typing{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff;animation:dotTyping 1.5s infinite linear}@keyframes dotTyping{0%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}16.667%{box-shadow:9984px -10px 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}33.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}50%{box-shadow:9984px 0 0 0 #9880ff,9999px -10px 0 0 #9880ff,10014px 0 0 0 #9880ff}66.667%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}83.333%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px -10px 0 0 #9880ff}100%{box-shadow:9984px 0 0 0 #9880ff,9999px 0 0 0 #9880ff,10014px 0 0 0 #9880ff}}.dot-windmill{position:relative;top:-10px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform-origin:5px 15px;animation:dotWindmill 2s infinite linear}.dot-windmill::before,.dot-windmill::after{content:'';display:inline-block;position:absolute}.dot-windmill::before{left:-8.66px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-windmill::after{left:8.66px;top:15px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}@keyframes dotWindmill{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(720deg) translate3d(0, 0, 0)}}.dot-bricks{position:relative;top:8px;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff;animation:dotBricks 2s infinite ease}@keyframes dotBricks{0%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}8.333%{box-shadow:10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}16.667%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff}25%{box-shadow:10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}33.333%{box-shadow:10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}41.667%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff}50%{box-shadow:10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}58.333%{box-shadow:9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff,9991px -16px 0 0 #9880ff}66.666%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,9991px -16px 0 0 #9880ff}75%{box-shadow:9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}83.333%{box-shadow:9991px -16px 0 0 #9880ff,10007px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}91.667%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px -16px 0 0 #9880ff}100%{box-shadow:9991px -16px 0 0 #9880ff,9991px 0 0 0 #9880ff,10007px 0 0 0 #9880ff}}.dot-floating{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFloating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1)}.dot-floating::before,.dot-floating::after{content:'';display:inline-block;position:absolute;top:0}.dot-floating::before{left:-12px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFloatingBefore 3s infinite ease-in-out}.dot-floating::after{left:-24px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFloatingAfter 3s infinite cubic-bezier(0.4, 0, 1, 1)}@keyframes dotFloating{0%{left:calc(-50% - 5px)}75%{left:calc(50% + 105px)}100%{left:calc(50% + 105px)}}@keyframes dotFloatingBefore{0%{left:-50px}50%{left:-12px}75%{left:-50px}100%{left:-50px}}@keyframes dotFloatingAfter{0%{left:-100px}50%{left:-24px}75%{left:-100px}100%{left:-100px}}.dot-fire{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dotFire 1.5s infinite linear;animation-delay:-.85s}.dot-fire::before,.dot-fire::after{content:'';display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.dot-fire::before{box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dotFire 1.5s infinite linear;animation-delay:-1.85s}.dot-fire::after{box-shadow:9999px 22.5px 0 -5px #9880ff;animation:dotFire 1.5s infinite linear;animation-delay:-2.85s}@keyframes dotFire{1%{box-shadow:9999px 22.5px 0 -5px #9880ff}50%{box-shadow:9999px -5.625px 0 2px #9880ff}100%{box-shadow:9999px -22.5px 0 -5px #9880ff}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 rgba(152,128,255,0),0 18px 0 0 rgba(152,128,255,0),-12.72984px 12.72984px 0 0 rgba(152,128,255,0),-18px 0 0 0 rgba(152,128,255,0),-12.72984px -12.72984px 0 0 rgba(152,128,255,0);animation:dotSpin 1.5s infinite linear}@keyframes dotSpin{0%,100%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}12.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}25%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}37.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}50%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 -5px rgba(152,128,255,0)}62.5%{box-shadow:0 -18px 0 -5px rgba(152,128,255,0),12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff}75%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 -5px rgba(152,128,255,0),18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff}87.5%{box-shadow:0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 -5px rgba(152,128,255,0),12.72984px 12.72984px 0 -5px rgba(152,128,255,0),0 18px 0 -5px rgba(152,128,255,0),-12.72984px 12.72984px 0 -5px rgba(152,128,255,0),-18px 0 0 -5px rgba(152,128,255,0),-12.72984px -12.72984px 0 0 #9880ff}}.dot-falling{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 0 #9880ff;animation:dotFalling 1s infinite linear;animation-delay:.1s}.dot-falling::before,.dot-falling::after{content:'';display:inline-block;position:absolute;top:0}.dot-falling::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFallingBefore 1s infinite linear;animation-delay:0s}.dot-falling::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotFallingAfter 1s infinite linear;animation-delay:.2s}@keyframes dotFalling{0%{box-shadow:9999px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9999px 0 0 0 #9880ff}100%{box-shadow:9999px 15px 0 0 rgba(152,128,255,0)}}@keyframes dotFallingBefore{0%{box-shadow:9984px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:9984px 0 0 0 #9880ff}100%{box-shadow:9984px 15px 0 0 rgba(152,128,255,0)}}@keyframes dotFallingAfter{0%{box-shadow:10014px -15px 0 0 rgba(152,128,255,0)}25%,50%,75%{box-shadow:10014px 0 0 0 #9880ff}100%{box-shadow:10014px 15px 0 0 rgba(152,128,255,0)}}.dot-stretching{position:relative;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;transform:scale(1.25, 1.25);animation:dotStretching 2s infinite ease-in}.dot-stretching::before,.dot-stretching::after{content:'';display:inline-block;position:absolute;top:0}.dot-stretching::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotStretchingBefore 2s infinite ease-in}.dot-stretching::after{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;animation:dotStretchingAfter 2s infinite ease-in}@keyframes dotStretching{0%{transform:scale(1.25, 1.25)}50%,60%{transform:scale(.8, .8)}100%{transform:scale(1.25, 1.25)}}@keyframes dotStretchingBefore{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(-20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}@keyframes dotStretchingAfter{0%{transform:translate(0) scale(.7, .7)}50%,60%{transform:translate(20px) scale(1, 1)}100%{transform:translate(0) scale(.7, .7)}}.dot-gathering{position:relative;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px)}.dot-gathering::before,.dot-gathering::after{content:'';display:inline-block;position:absolute;top:0;left:-50px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);opacity:0;filter:blur(2px);animation:dotGathering 2s infinite ease-in}.dot-gathering::after{animation-delay:.5s}@keyframes dotGathering{0%{opacity:0;transform:translateX(0)}35%,60%{opacity:1;transform:translateX(50px)}100%{opacity:0;transform:translateX(100px)}}.dot-hourglass{position:relative;top:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px);transform-origin:5px 20px;animation:dotHourglass 2.4s infinite ease-in-out;animation-delay:.6s}.dot-hourglass::before,.dot-hourglass::after{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);filter:blur(2px)}.dot-hourglass::before{top:30px}.dot-hourglass::after{animation:dotHourglassAfter 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@keyframes dotHourglass{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(180deg)}50%{transform:rotateZ(180deg)}75%{transform:rotateZ(360deg)}100%{transform:rotateZ(360deg)}}@keyframes dotHourglassAfter{0%{transform:translateY(0)}25%{transform:translateY(30px)}50%{transform:translateY(30px)}75%{transform:translateY(0)}100%{transform:translateY(0)}}.dot-overtaking{position:relative;width:12px;height:12px;border-radius:6px;background-color:rgba(0,0,0,0);color:#000;margin:-1px 0;box-shadow:0 -20px 0 0;filter:blur(2px);animation:dotOvertaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2)}.dot-overtaking::before,.dot-overtaking::after{content:'';display:inline-block;position:absolute;top:0;left:0;width:12px;height:12px;border-radius:6px;background-color:rgba(0,0,0,0);color:#000;box-shadow:0 -20px 0 0;filter:blur(2px)}.dot-overtaking::before{animation:dotOvertaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.3s}.dot-overtaking::after{animation:dotOvertaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);animation-delay:.6s}@keyframes dotOvertaking{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.dot-shuttle{position:relative;left:-15px;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);margin:-1px 0;filter:blur(2px)}.dot-shuttle::before,.dot-shuttle::after{content:'';display:inline-block;position:absolute;top:0;width:12px;height:12px;border-radius:6px;background-color:#000;color:rgba(0,0,0,0);filter:blur(2px)}.dot-shuttle::before{left:15px;animation:dotShuttle 2s infinite ease-out}.dot-shuttle::after{left:30px}@keyframes dotShuttle{0%,50%,100%{transform:translateX(0)}25%{transform:translateX(-45px)}75%{transform:translateX(45px)}}.dot-bouncing{position:relative;height:10px;font-size:10px}.dot-bouncing::before{content:'⚽🏀🏐';display:inline-block;position:relative;animation:dotBouncing 1s infinite}@keyframes dotBouncing{0%{top:-20px;animation-timing-function:ease-in}34%{transform:scale(1, 1)}35%{top:20px;animation-timing-function:ease-out;transform:scale(1.5, 0.5)}45%{transform:scale(1, 1)}90%{top:-20px}100%{top:-20px}}.dot-rolling{position:relative;height:10px;font-size:10px}.dot-rolling::before{content:'⚽';display:inline-block;position:relative;transform:translateX(-25px);animation:dotRolling 3s infinite}@keyframes dotRolling{0%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}16.667%{content:'⚽';transform:translateX(25px) rotateZ(720deg)}33.333%{content:'⚽';transform:translateX(-25px) rotateZ(0deg)}34.333%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}50%{content:'🏀';transform:translateX(25px) rotateZ(720deg)}66.667%{content:'🏀';transform:translateX(-25px) rotateZ(0deg)}67.667%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}83.333%{content:'🏐';transform:translateX(25px) rotateZ(720deg)}100%{content:'🏐';transform:translateX(-25px) rotateZ(0deg)}}
#dot-elastic {
    background-color: #F1C40F;
    color: #101940;
    left: 0rem;
}
.dot-elastic::before, .dot-elastic::after  {
    background-color: #F1C40F;
    color: #F1C40F;
}
#dot-span{
    position: relative;
    left: 2rem;
    bottom: 0.5rem;
}
#is-connecting{
    margin: 3px 0px 10px 0px;
}
#wss-error p{
    color: #0a0a0a;
}
.spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 8px;
}
 /* Spinner Styles */
.spinner {
    width: 50px;
    height: 50px;
}
/* Spinner 1: Simple Rotating Circle */
.spinner-1 {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #4a6ee0;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
/* Spinner 2: Pulsing Circle */
.spinner-2 {
    background-color: #4a6ee0;
    border-radius: 50%;
    animation: pulse 1.5s ease-in-out infinite;
}
/* Spinner 3: Three Dots */
.spinner-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.spinner-3 div {
    width: 12px;
    height: 12px;
    background-color: #4a6ee0;
    border-radius: 50%;
    animation: bounce 1.4s ease-in-out infinite both;
}
.spinner-3 div:nth-child(1) {
    animation-delay: -0.32s;
}
.spinner-3 div:nth-child(2) {
    animation-delay: -0.16s;
}
/* Spinner 4: Rotating Squares */
.spinner-4 {
    position: relative;
}
.spinner-4 div {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #4a6ee0;
    animation: rotate 2s linear infinite;
}
.spinner-4 div:nth-child(1) {
    top: 0;
    left: 0;
}
.spinner-4 div:nth-child(2) {
    top: 0;
    right: 0;
}
.spinner-4 div:nth-child(3) {
    bottom: 0;
    right: 0;
}
.spinner-4 div:nth-child(4) {
    bottom: 0;
    left: 0;
}
/* Spinner 5: Wave */
.spinner-5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.spinner-5 div {
    width: 10px;
    height: 30px;
    background-color: #4a6ee0;
    animation: wave 1.2s ease-in-out infinite;
}
.spinner-5 div:nth-child(1) {
    animation-delay: -1.2s;
}
.spinner-5 div:nth-child(2) {
    animation-delay: -1.1s;
}
.spinner-5 div:nth-child(3) {
    animation-delay: -1.0s;
}
.spinner-5 div:nth-child(4) {
    animation-delay: -0.9s;
}
.spinner-5 div:nth-child(5) {
    animation-delay: -0.8s;
}
/* Spinner 6: Flipping Square */
.spinner-6 {
    background-color: #4a6ee0;
    animation: flip 1.2s infinite ease-in-out;
}
/* Animations */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes pulse {
    0%, 100% { transform: scale(0.8); opacity: 0.5; }
    50% { transform: scale(1.2); opacity: 1; }
}
@keyframes bounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes wave {
    0%, 40%, 100% { transform: scaleY(0.4); }
    20% { transform: scaleY(1); }
}
@keyframes flip {
    0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
    50% { transform: perspective(120px) rotateX(-180deg) rotateY(0deg); }
    100% { transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); }
}
.scan-notice{
    text-align: center;
    margin-bottom:0px !important;
}
github-nav i{
    margin: 5px 0px 0px 0px;
    font-size: 22px;
    color: #24292e;
}
#github-nav .button, #github-nav .acc.acc-in  {
    padding: .7rem 2rem 0.7rem 2rem !important;
    height: unset !important;
    border-radius: 6px;
    color: #fff !important;
}
#github-nav .acc.acc-in{
    margin-right: 10px;
}
.github-nav {
    background-color: #101940;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #30363d;
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; */
    z-index: 1001;
    min-height: 60px;
}
.github-nav .logso {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.25rem;
    text-decoration: none;
    padding: 0.75rem 1rem;
    line-height: 1.5;
    vertical-align: middle;
}
.github-nav .menu {
    margin: 0;
    align-items: center;
}
.github-nav .menu > li > a {
    color: #ffffff;
    padding: 0.75rem 1rem;
    transition: background-color 0.2s, color 0.2s;
    font-size: 0.875rem;
    line-height: 1.5;
    vertical-align: middle;
    text-decoration: none;
    font-weight: normal !important;
}
.github-nav .menu > li > a:hover {
    /*background-color: rgba(255, 255, 255, 0.1);*/
    color: #ffffff;
}
.github-nav .menu > li > a:focus {
    outline: none;
    /*background-color: rgba(255, 255, 255, 0.2);*/
    color: #ffffff !important;
}
.github-nav .menu > li > a:active,
.github-nav .menu > li > a:visited {
    color: #ffffff;
}
.github-nav .menu > li > a.acc-up:visited{
    color: #323130 !important;
}

.github-nav .menu > li.is-active > a,
.github-nav .menu > li.is-open > a {
    color: #ffffff !important;
    /*background-color: rgba(255, 255, 255, 0.1);*/
}
/* Dropdown Styles */
.github-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #d0d7de;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
    padding: 0.5rem 0;
    min-width: 400px;
    display: none;
    font-size: 0.875rem;
    z-index: 1000;
}
.has-dropdown:hover > .github-dropdown {
    display: block;
}
.github-dropdown a {
    color: #24292e;
    padding: 0.5rem 1rem;
    display: grid;
    grid-template-columns: 1.5rem 1fr;
    align-items: flex-start;
    gap: 0.5rem;
    text-decoration: none;
    line-height: 1.2;
    transition: background-color 0.2s ease-in-out;
}
/* Change icon and text colors to #0042ec on hover */
.github-dropdown a:hover .icon i,
.github-dropdown a:hover .dropdown-item-main,
.github-dropdown a:hover .dropdown-item-sub {
    color: #0042ec;
}
.github-dropdown .dropdown-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}
.github-dropdown a .icon {
    width: 1.5rem;
    text-align: center;
    line-height: 1.2;
    color: #24292e; /* Default icon color */
    transition: color 0.2s ease-in-out; /* Smooth color transition */
}
.github-dropdown a .dropdown-item-main {
    margin: 0;
    color: #24292e;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s ease-in-out; /* Smooth color transition */
}
.github-dropdown a .dropdown-item-sub {
    margin: 0;
    font-size: 0.75rem;
    color: #57606a;
    white-space: nowrap;
    transition: color 0.2s ease-in-out; /* Smooth color transition */
}
.github-nav i {
    margin: 5px 0px 0px 0px;
    font-size: 22px;
    color: #24292e;
}
.has-dropdown {
    position: relative;
}
/* Responsive Design Adjustments */
/* Small screens (Mobile: < 640px) */
@media screen and (max-width: 639px) {
    .github-nav {
        padding: 0.5rem;
    }
    .github-nav .losgo {
        font-size: 1.1rem;
        padding: 0.5rem;
    }
    .search-bar {
        width: 100%;
        margin: 0.5rem 0;
        height: 28px;
    }
    .search-bar input {
        font-size: 0.75rem;
    }
    .profile-section a {
        padding: 0.5rem;
        font-size: 0.75rem;
    }
    .profile-section .button {
        padding: 0.2rem 0.75rem;
        font-size: 0.75rem;
    }
    .github-dropdown {
        position: static;
        width: 100%;
        border: none;
        box-shadow: none;
        background-color: #30363d;
        display: none;
    }
    .github-dropdown.is-open {
        display: block;
    }
    .github-dropdown a {
        color: #ffffff;
        padding: 0.75rem 1rem;
        grid-template-columns: 1.5rem 1fr;
    }
    /* Apply hover color to icon and main text on mobile (subtext is hidden) */
    .github-dropdown a:hover .icon, i,
    .github-dropdown a:hover .dropdown-item-main {
        color: #0042ec;
    }
    .github-dropdown a .dropdown-item-main {
        color: #ffffff;
    }
    .github-dropdown a .dropdown-item-sub {
        display: none;
    }
    .github-dropdown a .icon {
        color: #ffffff; /* Default icon color on mobile */
    }
    .has-dropdown:hover > .github-dropdown {
        display: none;
    }
    .show-for-medium {
        display: none !important;
    }
    #mobile-menu {
        display: none;
    }
    #mobile-menu.is-active {
        display: block;
    }
    .accordion-menu a {
        padding: 0.75rem 1rem;
        font-size: 0.875rem;
    }
}

/* Medium screens (Tablets: 640px - 1024px) */
@media screen and (min-width: 640px) and (max-width: 1024px) {
    .github-nav {
        padding: 0.6rem 0.8rem;
    }
    .github-nav .losgo {
        font-size: 1.15rem;
    }
    .github-nav .menu > li > a {
        padding: 0.6rem 0.8rem;
        font-size: 0.85rem;
    }
    .search-bar {
        width: 220px;
        height: 30px;
    }
    .search-bar input {
        font-size: 0.8rem;
    }
    .profile-section a {
        padding: 0.6rem;
        font-size: 0.85rem;
    }
    .profile-section .button {
        padding: 0.2rem 0.8rem;
        font-size: 0.85rem;
    }
    .github-dropdown {
        min-width: 350px;
    }
    .github-dropdown a {
        grid-template-columns: 1.5rem 1fr;
    }
    .github-dropdown a .dropdown-item-sub {
        font-size: 0.7rem;
    }
    .hide-for-medium {
        display: none !important;
    }
}

/* Large screens (Desktop: > 1024px) */
@media screen and (min-width: 1025px) {
    .github-nav {
        padding: 0.85rem 1rem;
    }
    .github-nav .losgo {
        font-size: 1.25rem;
    }
    .github-nav .menu > li > a {
        font-size: 0.875rem;
    }
    .search-bar {
        width: 280px;
    }
    .github-dropdown {
        min-width: 400px;
    }
    .hide-for-medium {
        display: none !important;
    }
}

/* Accessibility Improvements */
.github-dropdown a:focus,
.profile-section a:focus,
.search-bar input:focus {
    outline-offset: 2px;
}
.search-bar input:focus {
    border: unset !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    color:#ffffff !important;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after, .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #fff transparent transparent;
}
.border {
    border: 1px solid #F1C40F;
}
.button {
    padding: 14px 20px 14px 20px;
    color: #101940;
    background: #0042ec !important; /*#F1C40F !important;*/
    margin-bottom: 0px;
    height: 3.33rem;
}
.grid-containerSize {
    max-width: 85rem;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
    background: #464d54;
    color: #F1C40F;
    font-weight:600;
}
.tabs-title > a {
    color: #ffffff;
    padding: 1.66rem 1.5rem;
    font-size: 14px;
}
.tabs {
    border: 0px solid #101940;
    background: #101940;
}
.tabs-title > a:hover{
    background: #101940;
    color:#F1C40F;
}
.text-center{
    text-align:center;
}
.benefit-listing ul{
    list-style-type:none;
}
.sub-noting {
  margin-right: 20px;
  border-right: 1px solid #CCC;
}
.wh-table-grid {
    overflow-y: scroll;
    height: 23rem;
}
.f-size14{
    font-size:14px;
}
.f-s13{
    font-size:13px;
}
.f-size16 {
  font-size: 16px !important;
}
.f-size20{
  font-size: 20px !important;
}
.f-size24{
    font-size:24px;
}
.bold {
  font-weight: 600;
}
.white {
  color: #ffffff;
}
.f-size24{
    font-size:24px;
}
.f-size-3r{
  font-size: 3rem;
}
label, legend {
    font-size: 14px;
}
select {
    font-size: 13px;
}
.ml-card-15 {
    padding: 15px;
}
.card--sub {
    padding: 32px 32px 60px;
    box-shadow: 0 4px 20px rgba(195,205,213,.3);
}
.bg{
    background:#101940 !important;
}
.bg-1{
    background: #ffffff !important;
}
.text-align {
  text-align: center;
}
.color-4 {
  color: #1F93FF;
}
.color-3{
    color: #000;
}
.color-5{
    color: #7e7e8b;
}
.padd-20 {
    padding: 10px;
}
.m-left-2 {
    margin-left: 2rem;
}
.pad-2r{
    padding: 2rem;
}
.box-shadow {
    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.25);
}
.margin-t2 {
    margin-top: 2rem;
}
.margin-b2 {
    margin-bottom: 2rem;
}
.mt-1 {
    margin-top: 1rem;
}
.ml-mr-1{
    margin: 0rem 1rem 0rem 1rem;
}
.tools-sub {
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
}
.m-top-15 {
    margin-top: 15px;
}
.tools-sub li {
    flex: 20%;
}
.other-tools .button {
    background-color: #1779ba !important;
}
.i-bg {
    background-color: #cc4b37 !important;
}
.i-bg1 {
    background-color: #ff7f00 !important;
}
.footer {
    width: 100%;
    padding-top: 5rem;
    background: #101940;
}
.no-margin-left {
    margin-left: 0px !important;
}
.no-padd{
    padding:0px !important;
}
.ul--footer {
    margin-left: 18px !important;
    list-style-type: disc;
    color: #fff;
}
.ul--footer li {
    padding: 5px;
}
.copyright {
    background-color: #132a5d;
    color: #fff;
}
.copyright p {
    margin: 2rem 0px 2rem 0px;
    font-size: 1rem;
}
.footer a {
    color: #ffffff;
    font-size: 15px;
    line-height: unset;
}
.grid-containerW {
    max-width: 100rem !important;
}
.sticky {
    z-index: 9999;
}
.logo {
    height: 33px;
    margin-top: 7px;
}
#lhost{
    height: 3.3rem;
}
.search-box input#start-scan {
    border-radius: 1px !important;
    border-radius: 1px 0 0 1px !important;
}
input:focus{
  border: 1px solid #F1C40F !important;
}
table tbody td, table thead th {
    font-size: 13px;
    font-weight: normal !important;
}
tbody tr:nth-child(2n) {
    background-color: #ffffff;
}
ul {
    list-style-type: none;
}
.box-shadow{
    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.25);
}
.img-sub-show img {
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.25);
    width: 100%;
}
.f-size20 {
  font-size: 20px !important;
}
.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(44, 62, 80, 0.95);
  color: white;
  padding: 1rem 0;
  z-index: 1000;
  box-shadow: 0 -5px 15px rgba(0,0,0,0.2);
}
.sticky-cta .button.small {
    color: #fff;
    background: #e74c3c !important;
    border: 0px solid #e74c3c !important;
    padding: 20px 20px 0px 20px;
}
.ico-forward{
    position: relative;
    bottom: 5px;
}
.container-margin{
    margin: 0rem 4rem 0rem 4rem !important;
}
.cyber-input, .intelligence-sidebar select{
    background: var(--bg-card) !important;
    color: var(--text-main) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    border: 1px solid var(--border-color) !important;
}
/* SOC Dark Palette */
.bg-obsidian { background-color: #05070a; min-height: 100vh; }
.sidebar-filters { background-color: #0b0e14; border-right: 1px solid #1f242e; }
.intel-card { 
    background: #0d1117; 
    border: 1px solid #21262d; 
    padding: 1.2rem; 
    border-radius: 4px;
    transition: transform 0.1s ease, border-color 0.2s;
}
/* Typography & Accents */
.text-neon-cyan { color: #00d4ff; text-shadow: 0 0 5px rgba(0, 212, 255, 0.3); }
.domain-title { font-weight: 700; color: #f0f6fc; letter-spacing: -0.5px; }
.mono { font-family: 'Fira Code', 'JetBrains Mono', monospace; }

/* The "History Pulse" */
.status-pulse {
    width: 8px; height: 8px; border-radius: 50%; display: inline-block;
}
.pulse-green { background: #00ff41; box-shadow: 0 0 8px #00ff41; }
.pulse-red { background: #ff3131; box-shadow: 0 0 8px #ff3131; }

/* Tech Tags */
.tech-tag {
    background: #161b22;
    color: #00d4ff;
    border: 1px solid #30363d;
    text-transform: none;
    font-weight: 400;
}
.main-feed{
    margin:0rem 0rem 1rem 0rem;
}
.text-gray.italic{
    font-size:13px;
}
.f-14{
    font-size: 14px;

}
.f-13{
    font-size:13px;
}
.mb-0{
    margin-bottom:0px !important;
}
.status-200 {
    background-color: rgba(35, 134, 54, 0.2);
    color: #3fb950;
    border: 1px solid rgba(63, 185, 80, 0.4);
}
.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    white-space: nowrap;
}
.status-pulse-200{
    background: #00ff41;
    box-shadow: 0 0 8px #00ff41;
}
.status-pulse-403, .status-pulse-404, .status-pulse-409, .status-pulse-504, .status-pulse-503, .status-pulse-502, .status-pulse-500{
    background: #f85149;
    box-shadow: 0 0 8px #f85149;
}
.status-pulse-301{
    background: #58a6ff;
    box-shadow: 0 0 8px #58a6ff;
}
.status-pulse-302,.status-pulse-402{
    background: #8b949e;
    box-shadow: 0 0 8px #8b949e;
}
/* 403 Forbidden - Red/Orange variant */
.status-403 {
    background-color: rgba(248, 81, 73, 0.15);
    color: #f85149;
    border: 1px solid rgba(248, 81, 73, 0.4);
}
/* 301 Moved - Blue */
.status-301 {
    background-color: rgba(31, 111, 235, 0.2);
    color: #58a6ff;
    border: 1px solid rgba(88, 166, 255, 0.4);
}
/* 401 Unauthorized - Orange/Brown */
.status-401 {
    background-color: rgba(187, 128, 9, 0.2);
    color: #d29922;
    border: 1px solid rgba(210, 153, 34, 0.4);
}
/* 404 Not Found - Red */
.status-404 {
    background-color: rgba(248, 81, 73, 0.15);
    color: #f85149;
    border: 1px solid rgba(248, 81, 73, 0.4);
}
.status-302, .status-402{
    background-color: rgba(110, 118, 129, 0.2);
    color: #8b949e;
    border: 1px solid rgba(110, 118, 129, 0.4);
}
.status-gray {
    background-color: rgba(110, 118, 129, 0.2);
    color: #8b949e;
    border: 1px solid rgba(110, 118, 129, 0.4);
}
.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    white-space: nowrap;
}
.dns-query .dropdown-pane {
    font-size: 13px !important;
    background: #0d1117;
    border: 1px solid #242b38 !important;
}
.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #fff;
}
.pagination a:hover, .pagination button:hover{
    background:#020408;
}
.pagination span.material-symbols-outlined{
    position: relative;
    top: 10px;
}
.accordion-content label{
    margin:0px !important;
    color: #fff;
}
.accordion-title, .accordion-title:hover{
    /*background: var(--bg-card);
    border: 1px solid var(--border-color);
    */
    color:#0d1117;;
}
.accordion-content {
    background: var(--bg-card);
}
.badge.secondary.gray {
    background: #3fb950 !important;
}
.badge.secondary.gray {
    background: #8b949e !important;
}
.status-dot {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    box-shadow: 0 0 5px currentColor;
}
.dot-red { color: #ff3131; background-color: #ff3131; }
.dot-orange { color: #ff9100; background-color: #ff9100; }
.dot-yellow { color: #fff200; background-color: #fff200; }

.label-critical { color: #ff3131 !important; font-weight: bold; }
.label-warning { color: #ff9100 !important; }
/* Red pulse for recently expired (vulnerable) */
.badge.alert-glow {
    background-color: rgba(255, 49, 49, 0.1);
    color: #ff3131;
    box-shadow: 0 0 8px rgba(255, 49, 49, 0.4);
    font-family: 'Roboto Mono', monospace;
    text-transform: uppercase;
}
/* Teal outline for healthy assets */
.badge.success-outline {
    background-color: transparent;
    color: #00ffcc;
    font-family: 'Roboto Mono', monospace;
}
.card-meta-intel span.material-symbols-outlined{ 
    font-size: 16px;
    vertical-align: middle;
    margin-right: 2px;
}
/* Sidebar Styles */
.soc-sidebar-panel {
  background: #000a0a;
  border-left: 2px solid #00ffcc;
  padding: 1rem;
  margin-bottom: 1rem;
}
/* Sorting Styles */
.sort-control-bar {
  background: #0b1212;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #004d4d;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.sort-label {
  font-size: 0.7rem;
  color: #008f8f;
  margin-right: 1rem;
  font-weight: bold;
}

@keyframes pulse-red {
  0% { box-shadow: 0 0 0 0 rgba(255, 49, 49, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(255, 49, 49, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 49, 49, 0); }
}
/* Base SOC Button Reset */
.button-group.soc-pivot .button {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-family: 'Roboto Mono', monospace;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    color: #888;
}
.btn-scan-latest:hover, 
.btn-scan-latest.active {
    border-color: #00ffcc !important;
    color: #00ffcc !important;
    box-shadow: 0 0 10px rgba(0, 255, 204, 0.3), inset 0 0 5px rgba(0, 255, 204, 0.2);
    background: rgba(0, 255, 204, 0.05) !important;
}
.btn-expiry-soon:hover, 
.btn-expiry-soon.active, .btn-expiry-soon {
    border-color: #ff9100 !important;
    color: #ff9100 !important;
    box-shadow: 0 0 10px rgba(255, 145, 0, 0.3), inset 0 0 5px rgba(255, 145, 0, 0.2);
    background: rgba(255, 145, 0, 0.05) !important;
}
.btn-neglected-zombie:hover, 
.btn-neglected-zombie.active, .btn-neglected-zombie{
    border-color: #ff3131 !important;
    color: #ff3131 !important;
    box-shadow: 0 0 12px rgba(255, 49, 49, 0.4), inset 0 0 5px rgba(255, 49, 49, 0.2);
    background: rgba(255, 49, 49, 0.05) !important;
    font-weight: bold;
}
.button-group.soc-pivot .button.active {
    background: rgba(255, 255, 255, 0.1) !important;
    pointer-events: none; /* Disable clicking the already active sort */
}
.sort-control-bar .button{
    height: unset !important;
}
/* Container for the results */
.results-wrapper.paywall-fade {
    position: relative;
    max-height: 800px; /* Force a height to ensure the fade hits the right spot */
    overflow: hidden;
    /* This creates the fade-to-black effect */
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
.patreon-cta {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(to top, #000 60%, transparent);
    text-align: center;
    z-index: 10;
}
.cta-content {
    background: rgba(0, 20, 20, 0.9);
    border: 2px dashed #ff424d; /* Patreon Red */
    padding: 2rem;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(255, 66, 77, 0.2);
}
.patreon-btn {
    background-color: #ff424d !important;
    font-weight: bold;
    font-family: 'Roboto Mono', monospace;
    letter-spacing: 1px;
    box-shadow: 0 0 15px rgba(255, 66, 77, 0.4);
}
.patreon-btn:hover {
    background-color: #e63b44 !important;
    box-shadow: 0 0 25px rgba(255, 66, 77, 0.6);
}
.tiny-text {
    color: #666;
    font-size: 0.7rem;
    margin-top: 10px;
    text-transform: uppercase;
}