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

body {
    font-family: Arial, sans-serif;
    min-height: 100vh;
    background: #0f172a;
    color: #f8fafc;
}

.landing {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 24px;
}

.landing-content {
    width: 100%;
    max-width: 650px;
}

.landing h1 {
    font-size: 58px;
    font-weight: 800;
    letter-spacing: 4px;
    margin-bottom: 18px;
    color: #38bdf8;
}

.landing p {
    font-size: 23px;
    line-height: 1.5;
    margin-bottom: 42px;
    color: #cbd5e1;
}

#btnCari {
    border: none;
    padding: 17px 42px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 12px;
    cursor: pointer;
    background: #38bdf8;
    color: #082f49;
    transition: 0.2s ease;
}

#btnCari:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

.area { margin-top: 28px; margin-bottom: 0; }`r`n`r`n.service { margin-top: 0; margin-bottom: 38px; }`r`n`r`n@media (max-width: 600px) {
    .landing h1 {
        font-size: 40px;
        letter-spacing: 2px;
    }

    .landing p {
        font-size: 18px;
        margin-bottom: 32px;
    }
.area {
    margin-top: 28px;
    margin-bottom: 0;
}

.service {
    margin-top: 0;
    margin-bottom: 38px;
}
    #btnCari {
        width: 100%;
        max-width: 320px;
    }
}

.landing .tagline{margin-bottom:0}.landing .area{margin-top:28px;margin-bottom:0}.landing .service{margin-top:0;margin-bottom:38px}


.search-page {
    min-height: 100vh;
    padding: 40px 20px;
}

.search-content {
    max-width: 900px;
    margin: auto;
    text-align: center;
}

.search-content h1 {
    font-size: 42px;
    margin-bottom: 12px;
}

#lokasiTampil {
    font-size: 18px;
    color: #cbd5e1;
    margin-bottom: 35px;
}

.filter-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filter-box label {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
}

.filter-box select {
    width: 100%;
    padding: 20px;
    font-size: 20px;
    border: none;
    border-radius: 14px;
}
.cocok {
    margin: 18px 0;
    padding: 20px;
    background: #e0f2fe;
    border-left: 5px solid #0284c7;
    border-radius: 12px;
    color: #0c4a6e;
    text-align: left;
}

.cocok strong {
    display: block;
    font-size: 18px;
    margin-bottom: 12px;
}

.cocok p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}.detail-laptop{color:#1e293b!important;background:#f8fafc!important;line-height:1.7;font-size:16px}.detail-laptop h3{color:#0f172a!important;margin-bottom:12px}.detail-laptop p{color:#334155!important;margin:8px 0;white-space:pre-line;overflow-wrap:anywhere}.detail-laptop button{margin-top:12px}