@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root {
    --bg-main: #0a0a0a;
    --text-main: #ededed;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.1);
    --accent-blue: #3b82f6;
    --accent-purple: #8b5cf6;
}

body { 
    font-family: 'Inter', sans-serif; 
    background-color: var(--bg-main); 
    color: var(--text-main); 
}

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

/* Custom Scrollbar Utilities */
.no-scrollbar::-webkit-scrollbar {
    height: 4px;
}
.no-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}
.no-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.3);
    border-radius: 10px;
}
.no-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.5);
}
.no-scrollbar {
    -ms-overflow-style: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(59, 130, 246, 0.3) rgba(255, 255, 255, 0.05);
}

.mask-fade-edges {
    mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

.accent-gradient { 
    background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%); 
}

.loading-spinner { 
    border-top-color: var(--accent-blue); 
    animation: spin 1s linear infinite; 
}

@keyframes spin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

.mobile-menu-enter { 
    animation: slideDown 0.3s ease-out; 
}

@keyframes slideDown { 
    from { opacity: 0; transform: translateY(-10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

/* Common utility classes */
.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}