@media screen and (max-width: 1000px) {
    .container {
        width: 95%;
        margin: auto;
    }
    .header {
        margin-top: 24px;
        border-radius: 16px;
        padding: 12px 24px;
        background: linear-gradient(0deg, #1113177c, #1f242d74 98.89%);
        border: 3px solid #20242b;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header-logo {
        width: auto;
        display: flex;
        align-items: center;
        transition: all .2s;
    }
    .header-logo:hover {
        opacity: .8;
    }
    .header-logo img{
        width: 50px;
        margin-right: 16px;
    }
    .header-logo a{
        font-weight: 600;
        font-size: 17px;
        color: #fff;
    }
    .header-button {
        width: auto;
        display: flex;
        flex-direction: row-reverse;
    }
    .header-button button{
        border: 2px solid #232934;
        border-radius: 8px;
        background: radial-gradient(68.89% 68.89% at 50.24% 50%, #07080a 0, #1f242d 100%);
        padding: 8px 16px;
        font-weight: 600;
        transition: all .2s;
    }
    .header-button button:hover{
        opacity: .8;
    }

    .header-links {
        width: 60%;
        display: none;
        justify-content: center;
    }
    .header-links a{
        font-size: 18px;
        font-weight: 500;
        margin: 16px;
        transition: all .2s;
    }
    .header-links svg{
        margin-right: 8px;
        margin-top: -4px;
    }
    .header-links a:hover {
        opacity: .8;
    }

    main {
        padding-top: 60px;
    }
    .main {
        width: 100%;
        height: 300px;
        border-radius: 18px;
        background-image: url(../image/SearchBoard.da54113b.png);
        display: flex;
        justify-content: space-between;
        position: relative;
        overflow: hidden;
        z-index: 2;
        border: 2px solid #232934;
    }
    .main-info {
        padding-top: 32px;
        padding-left: 32px;
    }
    .main-info h2{
        font-weight: 600;
        font-size: 24px;
        color: #fff;
        margin-bottom: 24px;
    }
    .main-info p{
        font-weight: 500;
        font-size: 16px;
        color: hsla(0, 0%, 100%, .5);
        margin-bottom: 60px;
    }
    .main-info button{
        border: 2px solid #232934;
        border-radius: 8px;
        background: radial-gradient(68.89% 68.89% at 50.24% 50%, #07080a 0, #1f242d 100%);
        padding: 8px 16px;
        font-weight: 600;
        transition: all .2s;
    }
    .main-info button:hover{
        opacity: .8;
    }
    .main-img {
        position: absolute;
        top: 50%;
        left: 85%;
        transform: translate(-50%, -50%);
    }
    .main-img img{
    }

    .catalog {
        padding-top: 60px;
    }
    .catalog-items {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .catalog-item {
        width: 100%;
        max-width: 300px;
        border: 2px solid #20242b;
        background: radial-gradient(50% 50% at 50% 50%, #1f242d 0, #07080a 100%);
        position: relative;
        overflow: hidden;
        border-radius: 16px;
        gap: 24px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 24px 16px;
        z-index: 2;
        margin: 0px 24px;
        margin-bottom: 32px;
    }
    .catalog-img img{
        width: 258px;
        height: 150px;
        object-fit: cover;
        border-radius: 12px;
    }
    .catalog-name {
        width: 90%;
        margin: auto;
    }
    .catalog-name h3{
        width: fit-content;
        font-weight: 600;
        font-size: 24px;
        background: linear-gradient(90deg, #6e58f4, #fff);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .catalog-info {
        width: 90%;
        margin: auto;
    }
    .catalog-info {
        display: flex;
        align-items: center;
    }
    .catalog-info img{
        margin-right: 8px;
    }
    .catalog-info p{
        font-weight: 500;
    }
    .catalog-button {
        width: 90%;
        margin: auto;
    }
    .catalog-item hr {
        margin: 0;
        opacity: .6;
    }
    .catalog-button button{
        border: 2px solid #232934;
        border-radius: 8px;
        background: radial-gradient(68.89% 68.89% at 50.24% 50%, #07080a 0, #1f242d 100%);
        padding: 8px 16px;
        font-weight: 600;
        transition: all .2s;
            background: linear-gradient(90deg, #6e58f4, #fff);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .catalog-button button:hover{
        opacity: .8;
    }

    .stats {
        padding-top: 60px;
    }
    .stats-items {
        border-radius: 16px;
        background: linear-gradient(90deg, #07080a, #101317 35.01%, #101317 64.81%, #07080a);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px;
    }
    .stats-item {
    }
    .stats-item h3{
        font-weight: 600;
        font-size: 22px;
        color: #fff;
        margin-bottom: 16px;
    }
    .stats-item p{
            font-weight: 500;
        font-size: 16px;
        color: hsla(0, 0%, 100%, .5);
    }
    footer {
        padding: 60px;
    }
    .footer {
        position: relative;
        width: 100%;
        max-width: 1200px;
        border-radius: 24px;
        -webkit-backdrop-filter: blur(90px);
        backdrop-filter: blur(90px);
        background: rgba(10, 12, 15, .8);
        display: flex;
        flex-direction: column;
        padding: 32px 32px 24px;
        gap: 44px;
    }
    .footer-top {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .footer-logo {
    }
    .footer-logos {
        display: flex;
        align-items: center;
    }
    .footer-logos img{
        margin-right: 16px;
    }
    .footer-logos p{
        font-weight: 600;
        font-size: 17px;
        color: #fff;
    }
    .footer-logo-info {
        margin-top: 16px;
    }
    .footer-logo-info p{
        font-weight: 500;
        font-size: 17px;
        color: hsla(0, 0%, 100%, .5);
    }
    .footer-links {
        margin-right: 60px;
    }
    .footer-links h2{
        font-weight: 500;
        font-size: 16px;
        color: hsla(0, 0%, 100%, .5);
    }
    .footer-link {
        margin-top: 16px;
    }
    .footer-link a{
        transition: all .2s;
    }
    .footer-link a:hover{
        opacity: .8;
    }
}