*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:#17212b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1050px;margin:auto;padding:40px 20px 70px}header{background:#123d4a;color:white;padding:34px;border-radius:18px;margin-bottom:22px}h1{margin:.15em 0;font-size:clamp(2rem,5vw,3.3rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#78dce8;font-weight:700}section{background:white;padding:26px;border:1px solid #dce5e8;border-radius:14px;margin:18px 0}h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hymns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hymn-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:12px;background:#f5f8f9;border-radius:10px}label{display:block;font-weight:650;margin-bottom:6px}input,select{width:100%;padding:11px;border:1px solid #aebdc3;border-radius:8px;background:white;font:inherit}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}button{border:0;border-radius:10px;padding:15px 24px;background:#087f8c;color:white;font-size:1.05rem;font-weight:750;cursor:pointer}@media(max-width:720px){.grid,.hymns{grid-template-columns:1fr}header,section{padding:20px}}