@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Josefin+Sans:wght@400;600&display=swap');
:root{--dem:#0A0A0A;--dem-2:#141414;--dem-3:#1E3D59;--kem:#F2F0E4;--kem-2:#c9c5b8;--kem-3:#aaa69a;--vang:#D4AF37;--vang-sang:#F2E8C4;--vien:#D4AF3755}
body{font-family:'Josefin Sans',sans-serif;font-size:18px;background-image:repeating-linear-gradient(45deg,transparent 0 22px,#d4af3708 22px 23px),repeating-linear-gradient(-45deg,transparent 0 22px,#d4af3708 22px 23px);--preview-accent:#D4AF37;--preview-bg:#0A0A0A;--preview-ink:#F2F0E4}
h1,h2,h3{font-family:'Marcellus',serif;text-transform:uppercase;letter-spacing:.2em;line-height:1.45}
.mo h1{font-size:clamp(32px,4.4vw,62px)}.muc{padding-block:112px}.mo{background:radial-gradient(ellipse at 50% 0,#d4af371c,transparent 60%)}
.anh{outline:1px solid #D4AF37;outline-offset:8px;border:8px solid #141414;filter:grayscale(1);transition:filter .5s,box-shadow .5s}.anh:hover{filter:grayscale(0);box-shadow:0 0 20px #d4af3744}
.n1{border:2px solid #D4AF37;min-height:48px;border-radius:0;background:transparent;color:#D4AF37;text-transform:uppercase;letter-spacing:.2em;transition:.3s;display:inline-flex;align-items:center;justify-content:center}.n1:hover{background:#D4AF37;color:#0A0A0A;box-shadow:0 0 20px #d4af3766}
.tia::before,.tia::after{display:block;content:'';width:72px;height:1px;background:#D4AF37;margin:16px auto}
.deco-mark{width:24px;height:24px;border:2px solid #D4AF37;transform:rotate(45deg);margin:24px auto}
.cuoi{position:relative;border:3px double #D4AF37}.cuoi::before,.cuoi::after{content:'';position:absolute;width:24px;height:24px;border:3px solid #D4AF37;pointer-events:none}.cuoi::before{top:8px;left:8px;border-right:0;border-bottom:0}.cuoi::after{bottom:8px;right:8px;border-left:0;border-top:0}
@media(max-width:640px){.muc{padding-block:64px}h1,h2,h3{letter-spacing:.12em}.mo h1{font-size:32px}.anh{outline-offset:4px}.n1{width:100%}}