/* background/vortex-styles.css */

/* Die Basis-Glaskarte (Vortex Standard) */
.vortex-glass-card {
    width: 100%;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(15px) saturate(160%);
    -webkit-backdrop-filter: blur(15px) saturate(160%);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Interaktive Glas-Elemente (Eingabefelder) */
.vortex-input-area {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    color: #fff;
    outline: none;
    transition: all 0.3s ease;
}

.vortex-input-area:focus {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(0, 255, 204, 0.6);
    box-shadow: 0 0 15px rgba(0, 255, 204, 0.1);
}

/* Die Vortex-Trennlinie */
.vortex-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
}

/* Akzentfarben (Grün für Titel) */
.vortex-accent-text {
    color: #00ffcc;
    text-transform: uppercase;
    letter-spacing: 1px;
}