/* ==========================================
   LunarStar Unified Icon System
   Lucide / Stroke 1.75 / 24px / Golden
========================================== */

.ls-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015));
    border: 1px solid rgba(212, 176, 82, 0.14);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform 0.35s var(--ease-standard), border-color 0.35s var(--ease-standard);
    flex-shrink: 0;
}

.ls-icon svg,
.ls-icon img {
    width: 24px;
    height: 24px;
    color: #D4B052;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ls-card:hover .ls-icon,
a:hover .ls-icon,
.ls-icon:hover {
    transform: translateY(-3px);
    border-color: rgba(212, 176, 82, 0.3);
}