* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background: #050505;
            color: white;
            overflow-x: hidden;
        }

        html {
            scroll-behavior: smooth;
			-webkit-text-size-adjust:100%;
        }

        body::-webkit-scrollbar {
            width: 10px;
        }

        body::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, #ff2d2d, #ff9800);
            border-radius: 20px;
        }

        .bg-glow {
            position: fixed;
            width: 700px;
            height: 700px;
            background: radial-gradient(circle, rgba(255,0,0,0.2), transparent 70%);
            top: -200px;
            right: -200px;
            z-index: -1;
            animation: glowMove 8s infinite alternate ease-in-out;
        }

        @keyframes glowMove {
            0% {
                transform: translateY(0px) scale(1);
            }
            100% {
                transform: translateY(60px) scale(1.2);
            }
        }

        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding: 22px 8%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            backdrop-filter: blur(12px);
            background: rgba(0,0,0,0.4);
            z-index: 999;
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    height:60px;
    width:auto;
    max-width:180px;
    object-fit:contain;
    display:block;
}

        .logo span {
            color: #ff2d2d;
        }

        nav {
            display: flex;
            gap: 30px;
			margin-left:auto;
            margin-right:50px;
        }

        nav a {
            text-decoration: none;
            color: white;
            font-size: 15px;
            transition: 0.3s;
            position: relative;
        }

        nav a::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -6px;
            width: 0;
            height: 2px;
            background: #ff2d2d;
            transition: 0.3s;
        }

        nav a:hover::after {
            width: 100%;
        }

        nav a:hover {
            color: #ff2d2d;
        }

        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 150px 8% 80px;
            position: relative;
        }

        .hero-text {
            width: 50%;
        }

        .hero-text h1 {
            font-size: 70px;
            line-height: 1;
            font-family: 'Orbitron', sans-serif;
            margin-bottom: 25px;
            text-transform: uppercase;
        }

        .hero-text h1 span {
            color: #ff2d2d;
        }

        .hero-text p {
            font-size: 18px;
            line-height: 1.8;
            color: #d1d1d1;
            margin-bottom: 40px;
            max-width: 600px;
        }

        .hero-buttons {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }

        .btn {
            padding: 16px 34px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            transition: 0.35s;
            border: 2px solid transparent;
        }

        .btn-red {
            background: linear-gradient(135deg, #ff2d2d, #ff7a00);
            color: white;
            box-shadow: 0 10px 35px rgba(255,45,45,0.4);
        }

        .btn-red:hover {
            transform: translateY(-5px) scale(1.03);
        }

        .btn-dark {
            border: 2px solid rgba(255,255,255,0.2);
            color: white;
            background: rgba(255,255,255,0.05);
            backdrop-filter: blur(10px);
        }

        .btn-dark:hover {
            background: rgba(255,255,255,0.1);
        }

        .hero-image {
            width: 45%;
            position: relative;
        }

        .hero-image img {
            width: 100%;
            filter: drop-shadow(0 0 40px rgba(255,45,45,0.45));
            animation: bikeFloat 4s infinite ease-in-out;
			border-radius: 30px;
        }

        @keyframes bikeFloat {
            0% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-15px);
            }
            100% {
                transform: translateY(0px);
            }
        }

        .section-title {
            text-align: center;
            margin-bottom: 70px;
        }

        .section-title h2 {
            font-size: 60px;
            font-family: 'Orbitron', sans-serif;
            margin-bottom: 15px;
        }

        .section-title p {
            color: #b9b9b9;
            max-width: 700px;
            margin: auto;
            line-height: 1.8;
        }

.section-divider{
    width:100%;
    height:1px;
    margin:20px auto;
    position:relative;
    overflow:hidden;
}

.section-divider::before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:100%;
    height:1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .15), rgb(255 0 0 / 81%), rgba(255, 255, 255, .15), transparent);
}



        .models {
            padding: 120px 8%;
        }

        .cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
        }

        .card {
            background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 30px;
            overflow: hidden;
            transition: 0.4s;
            backdrop-filter: blur(10px);
        }

        .card:hover {
            transform: translateY(-12px);
            border-color: rgba(255,45,45,0.4);
            box-shadow: 0 20px 60px rgba(255,45,45,0.18);
        }

        .card img {
            width: 100%;
            height: 240px;
            object-fit: cover;
        }

        .card-content {
            padding: 28px;
        }

        .card-content h3 {
            font-size: 28px;
            margin-bottom: 14px;
            font-family: 'Orbitron', sans-serif;
        }

        .card-content p {
            color: #d4d4d4;
            line-height: 1.8;
            margin-bottom: 25px;
        }

        .specs {
            display: flex;
            justify-content: space-between;
            gap: 15px;
            flex-wrap: wrap;
        }

        .spec-box {
            background: rgba(255,255,255,0.05);
            padding: 12px 18px;
            border-radius: 16px;
            text-align: center;
            flex: 1;
        }

        .spec-box span {
            display: block;
            font-size: 13px;
            color: #999;
            margin-bottom: 6px;
        }

        .spec-box strong {
            font-size: 17px;
        }

        .about {
            padding: 120px 8%;
            display: flex;
            gap: 60px;
            align-items: center;
            flex-wrap: wrap;
        }

        .about-image,
        .about-text {
            flex: 1;
            min-width: 320px;
        }

        .about-image img {
            width: 100%;
            border-radius: 30px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.5);
        }

        .about-text h2 {
            font-size: 60px;
            font-family: 'Orbitron', sans-serif;
            margin-bottom: 25px;
        }

        .about-text p {
            line-height: 1.9;
            color: #cfcfcf;
            margin-bottom: 20px;
        }

        .stats {
            display: flex;
            gap: 25px;
            flex-wrap: wrap;
            margin-top: 40px;
        }

        .stat {
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.08);
            padding: 24px;
            border-radius: 24px;
            min-width: 170px;
        }

        .stat h3 {
            font-size: 40px;
            color: #ff2d2d;
            margin-bottom: 10px;
        }

        .gallery {
            padding: 120px 8%;
        }

        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 20px;
        }

        .gallery-grid img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            border-radius: 25px;
            transition: 0.4s;
        }

        .gallery-grid img:hover {
            transform: scale(1.04);
        }

        .contact {
            padding: 120px 8%;
            text-align: center;
        }

        .contact-box {
            max-width: 900px;
            margin: auto;
            padding: 60px;
            border-radius: 35px;
            background: linear-gradient(135deg, rgba(255,45,45,0.16), rgba(255,255,255,0.04));
            border: 1px solid rgba(255,255,255,0.08);
            backdrop-filter: blur(12px);
        }

        .contact-box h2 {
            font-size: 60px;
            font-family: 'Orbitron', sans-serif;
            margin-bottom: 20px;
        }

        .contact-box p {
            color: #d6d6d6;
            line-height: 1.8;
            margin-bottom: 35px;
        }

        footer {
            padding: 35px 8%;
            border-top: 1px solid rgba(255,255,255,0.08);
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }

        footer p {
            color: #a8a8a8;
        }

.footer-dev{
    color:#888;
    font-size:14px;
    font-weight:500;
    text-align:right;
}

.footer-dev:hover{
    color:#ff2d2d;
    transition:0.3s;
}

.footer-dev a{
    color:#888;
    text-decoration:none;
    transition:.3s;
}

.footer-dev a:hover{
    color:#ff2d2d;
    text-shadow:0 0 10px rgba(255,45,45,.6);
}

.lang-switch{
    display:flex;
    gap:10px;
    align-items:center;
}

.lang-switch a{
    text-decoration:none;
    color:#fff;
    font-size:13px;
    font-weight:600;
    padding:8px 14px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(10px);
    transition:.3s;
}

.lang-switch a:hover{
    border-color:#ff2d2d;
    box-shadow:0 0 15px rgba(255,45,45,.4);
}

.lang-switch .active{
    background:linear-gradient(135deg,#ff2d2d,#ff7a00);
    border-color:transparent;
    box-shadow:0 0 20px rgba(255,45,45,.5);
}

        @media(max-width: 1000px) {
            .hero {
                flex-direction: column;
                text-align: center;
                gap: 50px;
            }

            .hero-text,
            .hero-image {
                width: 100%;
            }

            .hero-buttons {
                justify-content: center;
            }

            .hero-text h1 {
                font-size: 60px;
            }

            nav {
                display: none;
            }

            .section-title h2,
            .about-text h2,
            .contact-box h2 {
                font-size: 42px;
            }
    header{
        justify-content:space-between;
    }

    .lang-switch{
        margin-left:auto;
    }
        }

        @media(max-width: 600px) {
            .hero-text h1 {
                font-size: 44px;
            }

            .section-title h2,
            .about-text h2,
            .contact-box h2 {
                font-size: 34px;
            }

            .contact-box {
                padding: 35px 20px;
            }

            header {
                padding: 18px 5%;
            }

            .hero,
            .models,
            .about,
            .gallery,
            .contact {
                padding-left: 5%;
                padding-right: 5%;
            }
           .logo img{
                height:55px;
            }
            footer{
               flex-direction:column;
               text-align:center;
            }

           .footer-dev{
               text-align:center;
            }			
        }
		
@media (max-width:768px){

    .hero{
        padding-top:130px;
        gap:40px;
    }

    .hero-text h1{
        font-size:clamp(32px,9vw,60px);
        line-height:1.1;
        word-break:break-word;
    }

    .hero-text p{
        font-size:clamp(15px,4vw,18px);
        line-height:1.7;
        max-width:100%;
    }

    .section-title h2,
    .about-text h2,
    .contact-box h2{
        font-size:clamp(28px,7vw,42px);
        line-height:1.2;
    }

    .section-title p,
    .about-text p,
    .contact-box p{
        font-size:clamp(14px,4vw,17px);
        line-height:1.8;
    }

    .btn{
        padding:14px 28px;
        font-size:15px;
    }

    .contact-box{
        padding:35px 20px;
    }

    .gallery-grid{
        grid-template-columns:1fr;
    }

    .gallery-grid img{
        height:auto;
    }
}

@media (max-width:480px){

    header{
        padding:15px 4%;
    }

    .logo img{
        height:48px;
    }

    .lang-switch a{
        padding:7px 10px;
        font-size:11px;
    }

    .hero{
        min-height:auto;
        padding-top:120px;
        padding-bottom:60px;
    }

    .hero-text h1{
        font-size:clamp(28px,10vw,40px);
    }

    .hero-text p{
        font-size:15px;
    }

    .hero-buttons{
        flex-direction:column;
        width:100%;
    }

    .hero-buttons .btn{
        width:100%;
        text-align:center;
    }

    footer p,
    .footer-dev{
        font-size:13px;
    }
}

@media (max-width:360px){

    .hero-text h1{
        font-size:26px;
    }

    .section-title h2,
    .contact-box h2{
        font-size:24px;
    }

    .hero-text p,
    .contact-box p{
        font-size:14px;
    }

    .btn{
        font-size:14px;
        padding:13px 22px;
    }
}