/* =========================================================
   SERVICE FORMS
   Two focused registration cards for the trust homepage.
   ========================================================= */
.forms-section { position:relative; background:#fffaf2; overflow:hidden; }
.forms-section::before { content:"✦"; position:absolute; top:44px; left:8%; color:rgba(233,182,63,.35); font-size:1.2rem; }
.forms-section::after { content:"✦"; position:absolute; right:9%; bottom:42px; color:rgba(122,36,28,.18); font-size:1rem; }
.forms-heading { margin-bottom:38px; }
.forms-heading > p { max-width:560px; flex:0 1 560px; }
.forms-heading > div { flex:0 0 auto; }
.forms-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:stretch; }
.service-form-card { position:relative; display:flex; flex-direction:column; padding:32px; min-height:100%; border:1px solid #ead8b8; border-radius:24px; background:#fffdf8; box-shadow:0 18px 48px rgba(75,23,17,.09); overflow:visible; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.service-form-card::before { content:""; position:absolute; inset:0; height:5px; background:linear-gradient(90deg,#7a241c,#e9b63f,#3f5426); border-radius:24px 24px 0 0; pointer-events:none; }
.service-form-card:hover { transform:translateY(-5px); border-color:#d8bd88; box-shadow:0 24px 58px rgba(75,23,17,.14); }
.member-form-card { background:linear-gradient(145deg,#fffdf8 0%,#fff8ed 100%); }
.annadhanam-form-card { background:linear-gradient(145deg,#fffdf8 0%,#f4f6e9 100%); }
.service-form-icon { width:58px; height:58px; display:grid; place-items:center; margin-bottom:18px; border-radius:18px; background:#f0e4c9; border:1px solid #e4cca0; font-size:1.65rem; }
.annadhanam-form-card .service-form-icon { background:#e6edd5; border-color:#cfdab0; }
.service-form-kicker { color:#c47d1c; font-size:.64rem; font-weight:800; letter-spacing:.16em; }
.service-form-card h3 { margin:7px 0 12px; color:#651c16; font-size:clamp(1.35rem,2vw,1.65rem); }
.service-form-card p { margin:0; color:#6d5d50; line-height:1.8; font-size:.86rem; }
.service-form-points { display:grid; gap:9px; margin:20px 0 26px; padding:0; list-style:none; }
.service-form-points li { position:relative; padding-left:22px; color:#4f4035; font-size:.78rem; line-height:1.6; }
.service-form-points li::before { content:"✓"; position:absolute; left:0; top:0; color:#3f5426; font-weight:900; }

/* QR box with a guaranteed visible highlighted instruction at the top. */
.form-action { position:relative; width:100%; height:300px; min-height:300px; margin-top:auto; margin-bottom:0; padding:0 !important; display:block !important; border:1px solid #e4d7bf; border-radius:18px; background-color:#fff !important; background-repeat:no-repeat !important; background-position:center 62% !important; background-size:190px 190px !important; color:transparent !important; font-size:0 !important; line-height:0; text-indent:-9999px; box-shadow:0 10px 24px rgba(75,23,17,.08); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.form-action:hover,.form-action:focus-visible { transform:translateY(-3px); border-color:#d8bd88; box-shadow:0 16px 30px rgba(75,23,17,.13); }
.form-action::after { content:""; position:absolute; top:12px; left:50%; transform:translateX(-50%); display:block !important; width:calc(100% - 24px); max-width:440px; box-sizing:border-box; padding:8px 14px; text-align:center; color:#fff8e8 !important; -webkit-text-fill-color:#fff8e8 !important; font-size:.82rem !important; font-weight:800; line-height:1.45; letter-spacing:.01em; white-space:normal; text-indent:0 !important; background:linear-gradient(135deg,#651c16 0%,#8a3027 45%,#3f5426 100%) !important; border:1px solid rgba(233,182,63,.7); border-radius:999px; box-shadow:0 7px 18px rgba(75,23,17,.16); animation:qrInstructionFloat 2.2s ease-in-out infinite; z-index:20; pointer-events:none; }
.member-form-card .form-action::after { content:"QR-ஐ ஸ்கேன் செய்து படிவத்தை நிரப்பி பதிவு செய்யவும்"; }
.annadhanam-form-card .form-action::after { content:"QR-ஐ ஸ்கேன் செய்து படிவத்தை நிரப்பவும்"; }
html[data-language="en"] .member-form-card .form-action::after { content:"Scan the QR code to fill the form"; }
html[data-language="en"] .annadhanam-form-card .form-action::after { content:"Scan the QR code to fill the form"; }
.member-form-card .form-action { background-image:url("https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=https%3A%2F%2Fforms.gle%2FvM8EkseGMpSfRLsCA") !important; }
.annadhanam-form-card .form-action { background-image:url("https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=https%3A%2F%2Fforms.gle%2FVNQJdTMqqtAT1QRN6") !important; }
.form-action span { display:none; }
@keyframes qrInstructionFloat { 0%,100% { transform:translateX(-50%) translateY(0); opacity:.86; } 50% { transform:translateX(-50%) translateY(-3px); opacity:1; } }
.forms-note { display:flex; align-items:center; justify-content:center; gap:12px; max-width:850px; margin:28px auto 0; padding:13px 18px; border:1px dashed rgba(122,36,28,.24); border-radius:14px; background:rgba(255,255,255,.62); color:#6d5d50; text-align:center; }
.forms-note span { color:#e9b63f; flex:0 0 auto; }
.forms-note p { margin:0; font-size:.76rem; line-height:1.6; }
.corner-logo-left { width:70px !important; height:70px !important; aspect-ratio:1 / 1 !important; padding:0 !important; overflow:hidden !important; object-fit:contain !important; object-position:center !important; border-radius:50% !important; clip-path:circle(50% at 50% 50%) !important; }
@media (max-width:800px) {
  .forms-grid { grid-template-columns:1fr; }
  .service-form-card { padding:27px; }
  .form-action { height:300px !important; min-height:300px !important; margin-top:auto !important; margin-bottom:0 !important; padding:0 !important; border:1px solid rgba(122,36,28,.16) !important; border-radius:18px !important; background:none !important; background-image:none !important; background-color:#fff !important; background-size:0 0 !important; background-position:-9999px -9999px !important; color:transparent !important; box-shadow:0 10px 30px rgba(75,23,17,.10); }
  .form-action::before { content:""; position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); display:block; width:190px; height:190px; max-width:calc(100% - 24px); background-repeat:no-repeat; background-position:center; background-size:contain; }
  .form-action::after { top:12px; left:50%; bottom:auto; right:auto; width:calc(100% - 20px); max-width:none; font-size:.8rem !important; }
  .member-form-card .form-action::before { background-image:url("https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=https%3A%2F%2Fforms.gle%2FvM8EkseGMpSfRLsCA"); }
  .annadhanam-form-card .form-action::before { background-image:url("https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=https%3A%2F%2Fforms.gle%2FVNQJdTMqqtAT1QRN6"); }
  .form-action span { display:inline; }
  .corner-logo-left { width:54px !important; height:54px !important; }
}
@media (max-width:520px) {
  .forms-heading { margin-bottom:28px; }
  .service-form-card { padding:23px; border-radius:20px; }
  .service-form-icon { width:52px; height:52px; margin-bottom:14px; }
  .forms-note { align-items:flex-start; text-align:left; }
  .form-action { height:285px !important; min-height:285px !important; margin-bottom:0 !important; }
  .form-action::before { width:180px; height:180px; top:61%; }
  .form-action::after { top:10px; font-size:.76rem !important; width:calc(100% - 18px); padding:8px 11px; border-radius:16px; }
  .corner-logo-left { width:46px !important; height:46px !important; }
}
@media (max-width:360px) {
  .form-action { height:270px !important; min-height:270px !important; margin-bottom:0 !important; }
  .form-action::before { width:165px; height:165px; top:61%; }
  .form-action::after { top:9px; font-size:.72rem !important; }
  .corner-logo-left { width:40px !important; height:40px !important; }
}
.forms-title { white-space:nowrap; font-size:clamp(1.65rem,2.2vw,2.2rem); letter-spacing:normal; margin-right:24px; }
@media (max-width:800px) { .forms-title { white-space:normal; } }