


body {
    background-color: #050505;
    color: #e5e7eb;
    overflow-x: hidden;
    cursor: crosshair;
}


::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: #14F195;
}


.scanlines {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        0deg,
        rgba(0,0,0,0.15),
        rgba(0,0,0,0.15) 1px,
        transparent 1px,
        transparent 2px
    );
    pointer-events: none;
    z-index: 999;
}


.hologram-box {
    background: rgba(5, 20, 10, 0.7);
    border: 1px solid #14F195;
    box-shadow: 
        0 0 15px rgba(20, 241, 149, 0.1),
        inset 0 0 20px rgba(20, 241, 149, 0.05);
    backdrop-filter: blur(5px);
    position: relative;
}

.hologram-box::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 8px;
    height: 8px;
    background: #14F195;
}

.hologram-box::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 8px;
    height: 8px;
    background: #14F195;
}


.wp-section {
    border-left: 2px solid #333;
    padding-left: 20px;
    margin-bottom: 40px;
    transition: border-color 0.3s;
}

.wp-section:hover {
    border-left-color: #14F195;
}

.wp-highlight {
    color: #14F195;
    font-weight: bold;
}


dialog {
    background: transparent;
    border: none;
    padding: 0;
    max-width: none;
    max-height: none;
}

dialog::backdrop {
    background: rgba(0, 0, 0, 0.9);
}


.clip-path-polygon {
    clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}





   .text-sol-cyan { color: #00F0FF; }
   .bg-sol-cyan { background-color: #00F0FF; }
   .border-sol-cyan { border-color: #00F0FF; }
   
   .hover\:text-sol-cyan:hover { color: #00F0FF; }
   .hover\:bg-sol-cyan:hover { background-color: #00F0FF; }
   .hover\:border-sol-cyan:hover { border-color: #00F0FF; }
   
   
   .card-cyan {
       background: #000;
       color: #00F0FF;
       border: 1px solid #00F0FF;
       box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
   }