:root {
            --primary-color: #f97316;
            --secondary-color: #0f172a;
            --dark-bg: #020617;
            --dark-card: #1e293b;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--dark-bg);
            overflow-x: hidden;
            color: #94a3b8;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Poppins', sans-serif;
            color: #f8fafc;
        }

        /* Glassmorphism Dark */
        .glass {
            background: rgba(30, 41, 59, 0.7);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Smooth Scrolling */
        html {
            scroll-behavior: smooth;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0f172a;
        }
        ::-webkit-scrollbar-thumb {
            background: var(--primary-color);
            border-radius: 10px;
        }

        /* Animations */
        .hover-lift {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .hover-lift:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }

        .orange-glow:hover {
            box-shadow: 0 0 20px rgba(249, 115, 22, 0.3);
            border-color: var(--primary-color);
        }

        /* Sticky Header */
        .sticky-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            transition: all 0.3s ease;
        }
        .sticky-header.scrolled {
            padding: 10px 0;
            background: rgba(15, 23, 42, 0.9) !important;
            backdrop-filter: blur(10px);
            box-shadow: 0 5px 20px rgba(0,0,0,0.3);
        }

        /* Floating Shapes */
        .shape {
            position: absolute;
            z-index: -1;
            filter: blur(80px);
            opacity: 0.15;
            border-radius: 50%;
        }

        /* Loading Screen */
        #loader {
            position: fixed;
            inset: 0;
            background: #020617;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Mobile Menu */
        #mobile-menu {
            transition: visibility 0.3s, opacity 0.3s;
        }
        #mobile-menu.active {
            visibility: visible;
            opacity: 1;
        }
        #mobile-menu-content {
            transition: transform 0.3s ease-in-out;
        }
        #mobile-menu.active #mobile-menu-content {
            transform: translateX(0);
        }

        /* Dark Form Controls */
        input, select, textarea {
            background-color: #1e293b !important;
            border-color: #334155 !important;
            color: #f8fafc !important;
        }
        input::placeholder {
            color: #64748b !important;
        }
        .text-primary{
            color: rgb(6 189 172) !important;
        }

        .bg-primary {
                background-color: rgb(1 168 153) !important;
            }

            .empty-state{

    background:linear-gradient(145deg,#161b22,#1d2330);

    border:1px solid rgba(255,255,255,.08);

    border-radius:25px;

    padding:70px 30px;

    text-align:center;

    overflow:hidden;

    position:relative;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.empty-state::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:#3b82f620;

    border-radius:50%;

    top:-80px;

    left:-80px;

    filter:blur(40px);

}

.empty-state::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    background:#8b5cf620;

    border-radius:50%;

    bottom:-120px;

    right:-100px;

    filter:blur(50px);

}

.empty-icon{

    width:120px;

    height:120px;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(135deg,#2563eb,#7c3aed);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:55px;

    color:#fff;

    animation:floatIcon 2.5s ease-in-out infinite;

    box-shadow:0 15px 40px rgba(37,99,235,.4);

}

.empty-state h2{

    color:#fff;

    margin-top:35px;

    font-size:34px;

    font-weight:700;

}

.empty-state p{

    color:#9ca3af;

    max-width:550px;

    margin:18px auto 35px;

    line-height:1.9;

    font-size:16px;

}

.btn-reset{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    padding:15px 35px;

    border-radius:50px;

    background:linear-gradient(135deg,#2563eb,#7c3aed);

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.btn-reset:hover{

    color:#fff;

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(37,99,235,.45);

}

@keyframes floatIcon{

    0%,100%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-15px);

    }

}

@media(max-width:768px){

.empty-state{

    padding:50px 20px;

}

.empty-icon{

    width:90px;

    height:90px;

    font-size:40px;

}

.empty-state h2{

    font-size:28px;

}

.empty-state p{

    font-size:15px;

}

}