:root{color-scheme:light;--green:#174832;--pink:#f9d8e2;--paper:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--green);color:var(--green);font-family:Arial,Helvetica,sans-serif;font-size:16px}button{font:inherit}button:focus-visible{outline:3px solid #bb527b;outline-offset:5px}.page{max-width:980px;min-height:100svh;margin:auto;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.brand{padding:45px 38px 27px;background:var(--pink);text-align:center}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700}h1{font-family:Georgia,serif;font-size:75px;letter-spacing:-4px;font-weight:400;line-height:1.05;margin:19px 0 15px}h1 span{font-size:33px;vertical-align:top;display:inline-block;margin:12px 0 0 4px;letter-spacing:0}.motto{line-height:1.55;margin:0 0 24px}figure{margin:0;position:relative}figure img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;border-radius:130px 130px 12px 12px}figcaption{font-size:12px;line-height:1.5;margin-top:9px;color:#385c45}.signature{font-family:Georgia,serif;font-style:italic;font-size:25px;margin-top:22px}.links{padding:66px 32px 26px;display:flex;flex-direction:column;justify-content:center}.welcome{font-family:Georgia,serif;font-size:28px;line-height:1.25;margin:0 0 30px}.welcome em{font-weight:400}.actions{display:grid;gap:12px}.card{display:flex;align-items:center;text-align:left;width:100%;min-height:88px;padding:17px 13px;background:#edf2df;border:1px solid #c8d5bb;border-radius:14px;color:var(--green);cursor:pointer;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 0 #c8d5bb}.card.pink{background:#fbe6ec;border-color:#e6c4d0}.icon{font-size:26px;width:45px;flex-shrink:0}.card strong{font-family:Georgia,serif;font-size:21px;font-weight:400;display:block}.card small{font-size:13px;line-height:1.45;display:block;margin-top:5px}.tag{margin-left:auto;padding-left:7px;font-size:10px;font-weight:700;letter-spacing:.07em}.note{text-align:center;font-size:14px;line-height:1.6;margin:28px 0;color:#526751}footer{margin-top:26px;text-align:center;font-size:10px;letter-spacing:.12em}footer span{font-size:15px;margin:0 7px}dialog{border:1px solid #c8d5bb;border-radius:22px;width:min(90vw,460px);background:var(--paper);color:var(--green);padding:38px 28px 28px}dialog::backdrop{background:#0a2d25b3;backdrop-filter:blur(4px)}dialog h2{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.15;margin:23px 0 18px}dialog p{line-height:1.6}.close{position:absolute;right:14px;top:8px;border:0;background:transparent;color:var(--green);font-size:30px;cursor:pointer;width:44px;height:44px}.panel-note{font-size:14px;color:#526751}.done{border:0;border-radius:10px;background:var(--green);color:white;padding:14px 20px;cursor:pointer;margin-top:10px}@media(max-width:700px){body{background:var(--paper)}.page{display:block;max-width:480px}.brand{padding:30px 35px 23px}h1{font-size:64px;margin:14px 0 13px}h1 span{font-size:28px}.motto{margin-bottom:19px}figure{max-width:205px;margin:auto}figure img{border-radius:105px 105px 10px 10px}.signature{font-size:23px;margin-top:17px}.links{padding:27px 22px 25px}.welcome{font-size:25px;text-align:center;margin:0 0 22px}.card{min-height:82px}.note{margin:23px 0 0}footer{margin-top:22px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}@media(min-width:701px){.page{box-shadow:0 0 80px #08271966}}

a.card{text-decoration:none}.card small{overflow-wrap:anywhere}
