/* Kıyı Motors Custom Styles */

    /* Base Styles & Smooth Scrolling */
    html {
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: hidden;
    }

    body {
        background-color: #0a0a0a;
        overflow-x: hidden;
    }

    /* Custom Webkit Scrollbar */
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    ::-webkit-scrollbar-track {
        background: #0a0a0a;
    }

    ::-webkit-scrollbar-thumb {
        background: #dc2626; /* kiyi-red */
        border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #991b1b;
    }

    /* Hide Number Input Arrows */
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
    }
    input[type=number] {
        -moz-appearance: textfield;
    }

    /* Form inputs styling specifics (removing default browser outlines) */
    input:focus, select:focus, textarea:focus {
        outline: none;
        box-shadow: none;
    }

    /* Glassmorphism Utilities */
    .glass {
        background: rgba(10, 10, 10, 0.4);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.05);
    }

    .glass-red {
        background: rgba(220, 38, 38, 0.05);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(220, 38, 38, 0.2);
    }

    .glass-card {
        background: linear-gradient(145deg, rgba(23, 23, 23, 0.8) 0%, rgba(10, 10, 10, 0.95) 100%);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.05);
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    }

    /* Hover Effects */
    .hover-lift {
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .hover-lift:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px -10px rgba(220, 38, 38, 0.15);
    }

    /* Animated Gradient Text */
    .animate-gradient-text {
        background: linear-gradient(90deg, #dc2626, #ff6b6b, #dc2626);
        background-size: 200% auto;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: shine 3s linear infinite;
    }

    @keyframes shine {
        to {
            background-position: 200% center;
        }
    }