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

        body {
            background-color: #faf7f0;
            font-family: 'Inter', sans-serif;
            color: #2e241b;
            padding: 24px 40px 40px;
        }

        .wrapper {
            max-width: 1440px;
            margin: 0 auto;
        }

        /* header giống game nhưng tone gốm */
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 14px 0 18px;
            border-bottom: 2px solid #dac9b5;
            flex-wrap: wrap;
            gap: 16px;
        }

        .logo {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            font-size: 28px;
            letter-spacing: 1px;
            color: #5a3e2b;
        }
        .logo span {
            color: #b27a4d;
            font-style: italic;
        }

        .nav-links {
            display: flex;
            gap: 32px;
            font-weight: 600;
            font-size: 15px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
            color: #3d2e21;
            flex-wrap: wrap;
        }
        .nav-links a {
            text-decoration: none;
            color: inherit;
            transition: 0.2s;
            border-bottom: 2px solid transparent;
            padding-bottom: 4px;
        }
        .nav-links a:hover {
            border-bottom-color: #b27a4d;
            color: #7a5538;
        }

        .lang-btn {
            background: #dac9b5;
            padding: 6px 18px;
            border-radius: 40px;
            font-weight: 700;
            font-size: 13px;
            color: #2e241b;
            border: none;
            cursor: pointer;
            letter-spacing: 0.5px;
            font-family: inherit;
            white-space: nowrap;
        }
        .lang-btn:hover { background: #cdb79e; }
        .lang-btn:focus-visible { outline: 2px solid #5a3e2b; outline-offset: 3px; }
        .lang-btn .lang-option:not(.active) { opacity: 0.55; }

        /* footer */
        .footer {
            margin-top: 70px;
            padding-top: 28px;
            border-top: 2px solid #dac9b5;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            font-size: 14px;
            color: #5a4a3a;
            gap: 16px;
        }

        .footer .copy {
            font-weight: 500;
        }
        .footer .ref {
            opacity: 0.7;
        }

@media (max-width:700px) { body { padding:16px; } }