/* БЭМ: Base - Reset, переменные, глобальные стили */

:root {
    --color-bg: #000000;
    --color-bg-secondary: #0a0a0a;
    --color-bg-tertiary: #111111;
    --color-border: rgba(255, 255, 255, 0.1);
    --color-text: #ffffff;
    --color-text-secondary: #999999;
    --color-accent-red: #ff0000;
    --color-accent-green: #00ff88;
    --color-accent-blue: #00aaff;
    --border-radius: 12px;
    --transition: 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Cascadia Code', 'Courier New', monospace;
    background-color: var(--color-bg);
    color: var(--color-text);
    overflow-x: hidden;
    position: relative;
}

/* Терминальный код на фоне - правый верхний */
body::before {
    content: 'ROOT@TERMINAL:#_\A ACCESS DENIED\A CONNECTION LOST\A 192.168.1.100\A PING TIMEOUT\A FTP://SERVER/LOG\A USER: admin\A PASS: **********\A ENCRYPTION FAILED\A VIRUS DETECTED\A REMOVING THREAT\A SCAN COMPLETE\A FILES CORRUPTED\A SYSTEM ERROR\A REBOOT REQUIRED\A LOADING...\A PLEASE WAIT\A CONNECTING...\A UPLOAD FAILED\A DOWNLOAD SUCCESS\A PORT 8080 OPEN\A FIREWALL ACTIVE\A SECURITY BREACH\A ALERT TRIGGERED\A LOG ENTRY 404\A HTTP RESPONSE 200\A STATUS CODE 500\A DATABASE ERROR\A SQL INJECTION\A PROTECTION ENABLED\A BACKUP CREATED\A RESTORE POINT SAVED\A SYSTEM STABLE\A ALL CHECKS PASSED\A NO ERRORS FOUND\A EXECUTION SUCCESSFUL\A PROCESS TERMINATED\A MEMORY DUMP';
    position: fixed;
    top: 100px;
    right: 40px;
    font-size: 9px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.15);
    white-space: pre;
    z-index: 0;
    pointer-events: none;
    animation: terminal-scroll-down 40s linear infinite, terminal-glitch 2.5s infinite;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.1);
}

/* Терминальный код на фоне */
body::after {
    content: 'SYSTP GMRK1-21\A INIT START\A HEADR LOOP1\A RETRIEVE PASS 2\A ALTI H 0,199\A HALTI STSS BSS\A J08 1401 AUTOCODER\A CTL 630 1\A EQU ORG 87\A DCW 000 108\A XR2 XR3 M C K F\A 0366 M (01 814 R\A 0407 . 000 199\A REDUNDANCY ON TAPE\A LCAC OPERANDS\A ASSEMBLY RUN\A SYSTEM TAPE GMRK1-21\A PASS 1 AUTOCODER\A LIBRN PROGRAM LOGIC\A DECODE HEX FF FE\A FD FC FB FA\A 001 002 003 004\A 005 006 LOAD A\A STORE B COMPARE\A JUMP EQ BRANCH GT\A 0123 0456 0789\A ABCD INCREMENT\A DECREMENT SHIFT\A LEFT SHIFT RIGHT\A ADD SUB MUL DIV MOD\A 0xFF 0xAA 0x55\A 0xCC REGISTERS\A R0 R1 R2 R3\A STACK PUSH POP\A CALL RETURN\A INTERRUPT NOP\A MEMORY ALLOCATE\A FREE POINTER\A OFFSET INDEX\A 0101010101\A 1010101010\A BINARY OCTAL\A HEXADECIMAL';
    position: fixed;
    top: 50px;
    left: 30px;
    font-size: 10px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.1);
    white-space: pre;
    z-index: 0;
    pointer-events: none;
    animation: terminal-scroll-up 35s linear infinite, terminal-glitch 3s infinite;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.15);
}

@keyframes terminal-scroll-up {
    0%, 100% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(-5px);
    }
    20% {
        transform: translateY(-10px);
    }
    30% {
        transform: translateY(-15px);
    }
    40% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(-25px);
    }
    60% {
        transform: translateY(-30px);
    }
    70% {
        transform: translateY(-35px);
    }
    80% {
        transform: translateY(-40px);
    }
    90% {
        transform: translateY(-45px);
    }
}

@keyframes terminal-scroll-down {
    0%, 100% {
        transform: translateY(-50%);
    }
    10% {
        transform: translateY(calc(-50% + 5px));
    }
    20% {
        transform: translateY(calc(-50% + 10px));
    }
    30% {
        transform: translateY(calc(-50% + 15px));
    }
    40% {
        transform: translateY(calc(-50% + 20px));
    }
    50% {
        transform: translateY(calc(-50% + 25px));
    }
    60% {
        transform: translateY(calc(-50% + 30px));
    }
    70% {
        transform: translateY(calc(-50% + 35px));
    }
    80% {
        transform: translateY(calc(-50% + 40px));
    }
    90% {
        transform: translateY(calc(-50% + 45px));
    }
}

/* Третий блок терминального кода - правый нижний */
.terminal-code--bottom-right {
    position: fixed;
    bottom: 30px;
    right: 50px;
    font-size: 8px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.09);
    white-space: pre;
    z-index: 0;
    pointer-events: none;
    animation: terminal-scroll-left 45s linear infinite, terminal-glitch 2s infinite;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.1);
}

@keyframes terminal-scroll-left {
    0%, 100% {
        transform: translateX(0);
    }
    5% {
        transform: translateX(-2px);
    }
    10% {
        transform: translateX(-4px);
    }
    15% {
        transform: translateX(-6px);
    }
    20% {
        transform: translateX(-8px);
    }
    25% {
        transform: translateX(-10px);
    }
    30% {
        transform: translateX(-12px);
    }
    35% {
        transform: translateX(-14px);
    }
    40% {
        transform: translateX(-16px);
    }
    45% {
        transform: translateX(-18px);
    }
    50% {
        transform: translateX(-20px);
    }
    55% {
        transform: translateX(-18px);
    }
    60% {
        transform: translateX(-16px);
    }
    65% {
        transform: translateX(-14px);
    }
    70% {
        transform: translateX(-12px);
    }
    75% {
        transform: translateX(-10px);
    }
    80% {
        transform: translateX(-8px);
    }
    85% {
        transform: translateX(-6px);
    }
    90% {
        transform: translateX(-4px);
    }
    95% {
        transform: translateX(-2px);
    }
}

@keyframes terminal-glitch {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    75% {
        opacity: 0.9;
    }
}

button {
    cursor: pointer;
    border: none;
    background: none;
    font-family: inherit;
}

a {
    color: var(--color-accent-green);
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: var(--color-accent-red);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--color-bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-accent-red);
}