/* ==========================================================
   ROBO-KNIGHT 3D STYLE PACK
   CVBGOD CYBER-STEEL + NEON HYBRID
   AIFVS-ARTIFACT
========================================================== */

body {
    background: radial-gradient(circle at center, #0f0f0f 0%, #050505 80%);
    color: #00e0ff;
    font-family: Consolas, monospace;
    padding: 20px;
    text-shadow: 0 0 6px #0090c0;
}

/* 3D HOLO TITLE */
h1 {
    color: #00e0ff;
    font-size: 32px;
    letter-spacing: 2px;
    text-shadow:
        0 0 8px #00e0ff,
        0 0 16px #0080a0,
        0 0 24px #004860;
}

/* ROBO-KNIGHT 3D BUTTONS */
button {
    padding: 12px 26px;
    margin: 6px;
    background: linear-gradient(145deg, #0d0d0d, #1a1a1a);
    border: 2px solid #00e0ff;
    border-radius: 6px;

    color: #00e0ff;
    cursor: pointer;
    font-weight: bold;

    box-shadow:
        0 0 10px #00e0ff55,
        inset 0 0 6px #003040;

    transition: all 0.15s ease-in-out;
}

button:hover {
    background: linear-gradient(145deg, #00e0ff, #0090c0);
    color: #000;
    box-shadow:
        0 0 14px #00e0ff,
        inset 0 0 10px #003040;
    transform: translateY(-2px);
}

/* HOLO TERMINAL LOG WINDOW */
#log {
    margin-top: 20px;
    padding: 12px;
    height: 240px;
    overflow-y: auto;

    background: rgba(0, 20, 30, 0.65);
    border: 2px solid #00e0ff;
    border-radius: 6px;

    box-shadow:
        0 0 12px #00e0ff55,
        inset 0 0 12px #003040;

    white-space: pre-wrap;
    backdrop-filter: blur(4px);
}

/* CUSTOM TEXT INPUT */
#customText {
    padding: 10px;
    width: 320px;
    background: #0a0a0a;
    border: 2px solid #00e0ff;
    border-radius: 6px;
    color: #00e0ff;

    box-shadow:
        0 0 10px #00e0ff55,
        inset 0 0 6px #003040;
}