:root{font-family:Arial,Helvetica,sans-serif;color:#102b3b;background:#eef7f5;font-size:17px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px 18px}main{width:100%;max-width:510px;background:white;border-radius:24px;padding:32px;box-shadow:0 12px 45px #102b3b10}header{font-size:.82rem;font-weight:800;letter-spacing:.13em;border-bottom:1px solid #d9e5e4;padding-bottom:22px;margin-bottom:32px;display:flex;justify-content:space-between;gap:14px}header span{font-size:.68rem;letter-spacing:.08em;color:#3a665c}.eyebrow{font-size:.76rem;font-weight:700;color:#326e5e;letter-spacing:.12em}h1{font-size:2.35rem;line-height:1.12;letter-spacing:-.04em;margin:12px 0 22px}.date{font-size:1.22rem;font-weight:700;line-height:1.5}p{line-height:1.5}.location{color:#557079}.actions{display:grid;gap:12px;margin:28px 0 20px}.action{display:flex;justify-content:space-between;align-items:center;min-height:60px;border:1px solid #c5d8d4;border-radius:12px;padding:16px 18px;color:#102b3b;font-weight:700;text-decoration:none}.primary{background:#98f4c7;border-color:#98f4c7}.action:hover{background:#e5f8ef}.action:focus-visible,a:focus-visible{outline:3px solid #155dc0;outline-offset:3px}.small,footer{font-size:.84rem;color:#50636c;line-height:1.6}.small a{color:#164d75}footer{border-top:1px solid #d9e5e4;margin-top:26px;padding-top:20px}[hidden]{display:none!important}@media(max-width:380px){main{padding:22px}header{flex-wrap:wrap}h1{font-size:2rem}}@media(prefers-reduced-motion:no-preference){.action{transition:background .15s}}
