/* ===== WINAZ Tone (burgundy + gold) + Times New Roman + Center Title ===== */
:root{
    --bg-0:#120507;          /* nền tối đỏ rượu */
    --bg-1:#1a070a;          /* nền lớp 2 */
    --panel:#1d0a0e;         /* nền khối/card */
    --panel-2:#240c11;       /* nền hover */
    --border:rgba(255,255,255,.10);

    --text:#fff3e6;          /* chữ trắng ấm */
    --muted:rgba(255,243,230,.75);

    --gold:#f7c84b;          /* vàng gold */
    --gold-2:#ff9f2e;        /* vàng cam */
    --red:#b01222;           /* đỏ nhấn */
    --shadow:rgba(0,0,0,.55);
}

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

body{
    /* đổi font Times New Roman */
    font-family:"Times New Roman", Times, serif;
    color:var(--text);
    line-height:1.6;

    /* nền giống ảnh: đỏ rượu + tối, có glow nhẹ */
    background:
      radial-gradient(900px 420px at 15% 0%, rgba(247,200,75,.14), transparent 60%),
      radial-gradient(800px 380px at 80% 10%, rgba(176,18,34,.22), transparent 55%),
      linear-gradient(180deg, var(--bg-1), var(--bg-0));
}

/* Header Styles */
header{
    color:var(--gold);
    padding:20px 22px;

    /* title ở giữa */
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;

    background:
      linear-gradient(180deg, rgba(255,255,255,.06), transparent 65%),
      linear-gradient(90deg, rgba(176,18,34,.35), rgba(18,5,7,.95));
    border-bottom:1px solid var(--border);
    box-shadow:0 10px 24px var(--shadow);
}

/* nếu header có logo + title, đoạn này giúp title vẫn canh giữa */
header img{
    max-height:48px;
    height:auto;
}

/* Title */
header h1{
    font-size:34px;
    font-weight:800;
    letter-spacing:.4px;
    margin:0;

    text-shadow:0 2px 10px rgba(247,200,75,.25);
}

/* Navigation Bar */
nav{
    display:flex;
    justify-content:center;
    gap:6px;
    padding:12px 0;

    background:rgba(18,5,7,.65);
    backdrop-filter: blur(8px);
    border-bottom:1px solid var(--border);
}

nav a{
    color:var(--text);
    margin:0 10px;
    padding:9px 14px;
    border-radius:10px;

    text-decoration:none;
    font-weight:700;
    font-size:15px;

    transition: all .25s ease;
}

nav a:hover{
    color:var(--bg-0);
    background:linear-gradient(180deg, var(--gold), var(--gold-2));
    box-shadow:0 10px 22px rgba(247,200,75,.18);
}

/* Main Content */
main{
    margin:22px auto;
    max-width:1200px;

    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border:1px solid var(--border);
    color:var(--text);

    box-shadow:0 18px 45px var(--shadow);
    border-radius:12px;
    overflow:hidden;
    padding:26px;
}

main h2{
    color:var(--gold);
    font-size:26px;
    margin-bottom:14px;
    text-shadow:0 2px 10px rgba(247,200,75,.18);
}

main p, main li{
    color:var(--muted);
}

/* Buttons */
button{
    padding:10px 20px;
    color:#1a070a;
    background:linear-gradient(180deg, var(--gold), var(--gold-2));
    border:1px solid rgba(255,255,255,.18);
    border-radius:10px;
    cursor:pointer;
    font-size:16px;
    font-weight:800;

    transition: transform .15s ease, box-shadow .25s ease, filter .25s ease;
    box-shadow:0 14px 26px rgba(247,200,75,.18);
}

button:hover{
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow:0 18px 34px rgba(247,200,75,.24);
}

/* Footer */
footer{
    background:rgba(18,5,7,.85);
    text-align:center;
    padding:18px 0;
    margin-top:30px;

    border-top:1px solid var(--border);

    /* text footer vàng */
    color:var(--gold);
}

footer p,
footer span,
footer li{
    color:var(--gold);
}

footer a{
    color:var(--gold);
    text-decoration:none;
}

footer a:hover{
    color:var(--gold-2);
    text-decoration:underline;
}

/* scanline nhẹ kiểu banner */
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.02),
      rgba(255,255,255,.02) 1px,
      transparent 1px,
      transparent 4px
    );
    opacity:.25;
    mix-blend-mode:overlay;
}

/* ===== (Tuỳ chọn) Nếu bạn muốn mọi heading cũng Times New Roman đậm rõ ===== */
h1,h2,h3,h4,h5,h6{
    font-family:"Times New Roman", Times, serif;
}