@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap');:root{--navy:#07111f;--red:#d82836;--ink:#142033;--muted:#687589;--line:#e1e6ee}*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:var(--ink);font:16px 'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:20px max(18px,calc((100% - 1120px)/2))}.logo{font-weight:700;font-size:24px}.logo:first-letter{color:#ff5964}.logo span{font-size:16px;letter-spacing:2px}nav{display:flex;gap:8px;overflow:auto;background:white;padding:0 max(12px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line)}button{border:0;background:var(--navy);color:white;border-radius:6px;padding:10px 15px;font:600 14px 'DM Sans';cursor:pointer}nav button{background:white;color:#526075;white-space:nowrap;border-radius:0;border-bottom:3px solid transparent}nav button.active,nav button:hover{color:var(--red);border-bottom-color:var(--red)}main{max-width:1120px;margin:0 auto;padding:30px 18px 60px}.intro{padding:24px 0}.intro small{color:var(--red);font-weight:700;letter-spacing:1.5px}.intro h1,h1{font:700 clamp(30px,5vw,42px) 'Playfair Display',Georgia,serif;margin:5px 0 18px}.intro input{padding:12px;border:1px solid #cbd4e0;border-radius:6px;width:min(100%,420px);font:inherit}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card,.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.card button.open{background:white;color:var(--ink);padding:0;width:100%;text-align:left;height:100%;border-radius:0}.thumb{height:190px;background:linear-gradient(135deg,#07111f,#314968);display:grid;place-items:center;color:white;font-size:24px;font-weight:700;object-fit:cover;width:100%}.copy{padding:17px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--red);font-weight:700}.copy h2{font:700 22px/1.3 'Playfair Display',Georgia,serif;margin:8px 0}.copy p{color:var(--muted);font-size:14px}.meta{font-size:11px;color:var(--muted)}.ad{margin-top:35px;background:#edf0f5;border:1px dashed #bdc6d3;text-align:center;padding:28px;color:#7c8797;font-size:12px}footer{background:var(--navy);color:#cbd4e0;padding:25px max(18px,calc((100% - 1120px)/2));font-size:13px}footer p{color:#9caabd}.message{padding:12px;margin:10px 0;border-radius:6px;background:#e9f6ef;color:#155d40}.message.error{background:#fff0f0;color:#9a2029}.hidden{display:none!important}.panel{padding:20px;margin:20px 0}.panel h2{margin-top:0}form label{display:block;font-size:13px;font-weight:700;margin:12px 0}form input,form textarea,form select{display:block;width:100%;padding:11px;border:1px solid #cbd4e0;border-radius:6px;margin-top:5px;font:inherit}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row h2{margin-right:auto}dialog{width:min(800px,94vw);max-height:92vh;overflow:auto;border:0;border-radius:10px;padding:24px}dialog::backdrop{background:#07111fdd}dialog h1{font:700 36px 'Playfair Display'}dialog img{max-width:100%;height:auto}dialog .body{font:18px/1.8 Georgia,serif}.danger{background:#a91f2d}.small{font-size:12px;color:var(--muted)}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.grid{grid-template-columns:1fr}.thumb{height:220px}header{padding:15px}.logo{font-size:20px}main{padding:20px 12px}.copy h2{font-size:24px}}