[v-cloak] { display: none; }

html { scroll-behavior: smooth; }

.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    fill: currentColor;
    flex-shrink: 0;
}
.icon[class*="text-sm"] { width: 16px; height: 16px; }
.icon[class*="text-lg"] { width: 20px; height: 20px; }
.icon[class*="text-xl"] { width: 24px; height: 24px; }
.icon[class*="text-2xl"] { width: 28px; height: 28px; }
.icon[class*="text-3xl"] { width: 32px; height: 32px; }
.icon[class*="text-4xl"] { width: 40px; height: 40px; }
.icon[class*="text-5xl"] { width: 48px; height: 48px; }
.icon[class*="text-6xl"] { width: 64px; height: 64px; }

.glow-soft {
    box-shadow: 0 0 30px -10px rgba(146, 110, 212, 0.3);
}

.glass-panel {
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.glass-card {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.glass-effect {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.midnight-bg {
    background-color: #020617;
}

.midnight-gradient {
    background: linear-gradient(135deg, #020617 0%, #0f172a 100%);
}

.text-gradient {
    background: linear-gradient(135deg, #926ED4 0%, #d4bbff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}