body {
    background-color: #0A0A0F;
    color: white;
    font-family: 'Inter', sans-serif;
}

/* Свечение на фоне */
.glow-bg {
    position: absolute;
    width: 400px;
    height: 400px;
    background: rgba(123, 60, 255, 0.2);
    filter: blur(100px);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

/* Элементы шагов (How it works) */
.step-item {
    @apply flex flex-col items-center relative z-10 w-full md:w-1/5 mb-8 md:mb-0;
}

.step-number {
    @apply w-7 h-7 rounded-full bg-brand text-[11px] font-bold flex items-center justify-center absolute -top-1 -left-1 shadow-lg border border-white/10;
}

/* Большие иконки в шагах */
.step-icon-large {
    @apply w-28 h-28 rounded-full bg-card border border-bordercolor flex items-center justify-center text-4xl text-gray-300 transition-all duration-300;
}

.step-item:hover .step-icon-large {
    @apply border-brand text-brand scale-105 shadow-[0_0_20px_rgba(123,60,255,0.2)];
}

/* Соцсети в футере */
.social-icon {
    @apply w-10 h-10 rounded-full bg-card border border-bordercolor flex items-center justify-center text-gray-400 hover:text-white transition-all;
}

.social-icon:hover {
    @apply border-gray-500 scale-110;
}

/* Чат телефона */
.phone-chat::-webkit-scrollbar { width: 4px; }
.phone-chat::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }

html {
    scroll-behavior: smooth;
}