/* =========================================================
   Home Page Specific Styles (index.html)
   ========================================================= */

.info-list {
    margin-top: 0.8rem;
    list-style: none;
}

.info-list li {
    position: relative;
    padding-left: 1.2rem;
    margin-bottom: 0.4rem;
    color: var(--text-white);
}

.info-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--console-green);
}

/* Зеленая кнопка (Библиотека) */
.option-green .opt-tag {
    color: var(--console-green);
    border: 1px solid rgba(0, 255, 102, 0.3);
}

.option-green:hover {
    background: rgba(0, 255, 102, 0.08);
    border-color: var(--console-green);
    box-shadow: 0 0 15px rgba(0, 255, 102, 0.25);
    transform: scale(1.015) translateX(4px);
}

.option-green:hover .opt-num { color: var(--console-green); }
.option-green:hover .opt-prefix { color: var(--console-green); opacity: 1; transform: translateX(2px); }
.option-green:hover .opt-label { color: var(--console-green); text-shadow: 0 0 8px rgba(0, 255, 102, 0.5); }

/* Синяя кнопка (Терминал) */
.option-blue .opt-tag {
    color: var(--console-blue);
    border: 1px solid rgba(0, 162, 255, 0.3);
}

.option-blue:hover {
    background: rgba(0, 162, 255, 0.08);
    border-color: var(--console-blue);
    box-shadow: 0 0 15px rgba(0, 162, 255, 0.25);
    transform: scale(1.015) translateX(4px);
}

.option-blue:hover .opt-num { color: var(--console-blue); }
.option-blue:hover .opt-prefix { color: var(--console-blue); opacity: 1; transform: translateX(2px); }
.option-blue:hover .opt-label { color: var(--console-blue); text-shadow: 0 0 8px rgba(0, 162, 255, 0.5); }