body {
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,
        "Segoe UI",sans-serif;
    color:#1d1d1f;
    background:white;
}

header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:30px 60px;
    border-bottom:1px solid #eee;
}

.logo {
    font-size:28px;
    font-weight:600;
}

nav a {
    margin-left:25px;
    text-decoration:none;
    color:#444;
}

.hero {
    min-height:70vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.hero h1 {
    font-size:64px;
    max-width:900px;
    margin:auto;
}

.hero p {
    font-size:24px;
    color:#666;
    margin-top:20px;
}

.buttons {
    margin-top:40px;
}

.btn-primary {
    background:black;
    color:white;
    padding:15px 30px;
    border-radius:999px;
    text-decoration:none;
}

.btn-secondary {
    border:1px solid #ccc;
    color:black;
    padding:15px 30px;
    border-radius:999px;
    text-decoration:none;
    margin-left:15px;
}

.intro {
    max-width:900px;
    margin:auto;
    padding:80px 20px;
    text-align:center;
}

.featured {
    display:flex;
    gap:30px;
    justify-content:center;
    padding:50px;
}

.card {
    max-width:400px;
}

.card img,
.gallery img {
    width:100%;
    border-radius:18px;
}

.page {
    max-width:1000px;
    margin:auto;
    padding:60px 20px;
}

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

input,
textarea {
    width:100%;
    padding:15px;
    margin-bottom:15px;
    border:1px solid #ddd;
    border-radius:10px;
}

button {
    background:black;
    color:white;
    border:none;
    padding:15px 30px;
    border-radius:999px;
}

.admin-login {
    max-width: 400px;
    margin: 120px auto;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

    .admin-login input {
        width: 100%;
        padding: 14px;
        margin: 10px 0;
        border: 1px solid #ddd;
        border-radius: 10px;
    }

    .admin-login button {
        width: 100%;
        padding: 14px;
        border: none;
        border-radius: 999px;
        background: black;
        color: white;
    }

.admin-container {
    max-width:1200px;
    margin:auto;
    padding:40px;
}

.json-editor {
    width:100%;
    height:700px;
    font-family:Consolas;
    font-size:14px;
}

footer {
    text-align:center;
    padding:50px;
    color:#777;
}