body {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[x-cloak] {
    display: none !important;
}

/* Scrollbar styling for dark theme */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.2);
}

/* Glass card */
.glass-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px;
}
.glass-card:hover {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.12);
}

/* Gradient button */
.btn-gradient {
    background: linear-gradient(135deg, #8b5cf6, #4f7cff);
    transition: all 0.2s;
}
.btn-gradient:hover {
    background: linear-gradient(135deg, #7c3aed, #3d63e0);
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.3);
}

/* Gradient border accents */
.gradient-border-l {
    border-left: 3px solid;
    border-image: linear-gradient(to bottom, #8b5cf6, #4f7cff) 1;
}

/* Glow effects */
.glow-violet {
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.15);
}

/* Dark input focus */
input:focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.4);
    border-color: rgba(139, 92, 246, 0.5);
}