.newsletter-page { min-height:calc(100svh - var(--header)); display:grid; place-items:center; padding:clamp(36px,8vh,90px) 24px; }
.newsletter-card { width:100%; max-width:700px; padding:clamp(28px,5vw,56px); border:1px solid #9aafaa; border-radius:12px; background:var(--paper-texture),linear-gradient(135deg,#e1e9e3bf,#f7f4ecd9 60%,#e9ddc599); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:0 18px 40px #214e5612,inset 0 1px #fff; }
.newsletter-invitation,.newsletter-success { margin:0; color:var(--teal); text-align:center; text-wrap:pretty; font:clamp(25px,3vw,30px)/1.4 var(--serif); }
.newsletter-invitation { margin-bottom:30px; }
.newsletter-invitation strong { display:block; font-weight:400; margin-bottom:9px; }
.newsletter-label { display:block; margin-bottom:7px; font-size:15px; font-weight:600; }
.newsletter-controls { display:flex; gap:12px; align-items:stretch; }
.newsletter-controls input { min-width:0; flex:1; min-height:54px; width:100%; padding:12px 14px; border:1px solid #6b8b89; border-radius:6px; background:#fffdf7e6; color:var(--teal); font:16px/1.4 var(--sans); box-shadow:inset 0 2px 4px #214e5608; }
.newsletter-controls input:focus-visible { outline:3px solid #a64f2d; outline-offset:3px; }
.newsletter-controls input[aria-invalid=true] { border-color:#96242a; }
.newsletter-submit { min-height:54px; padding:12px 19px; border:1px solid var(--teal); border-radius:6px; color:#fffdf7; background:var(--teal); font-size:15px; font-weight:600; cursor:pointer; box-shadow:0 3px 0 #214e5624,0 6px 14px #214e5614; transition:background 180ms,transform 180ms,box-shadow 180ms; }
.newsletter-submit:hover:not(:disabled) { background:#30636b; transform:translateY(-2px); box-shadow:0 5px 15px #214e5626; }
.newsletter-submit:disabled { opacity:.7; cursor:wait; }
.newsletter-error { min-height:1.6em; margin:10px 0 16px; color:#96242a; font-size:14px; line-height:1.6; }
.newsletter-reassurance { margin:0; text-align:center; color:#506665; font-size:14px; line-height:1.75; }
.newsletter-success { padding-block:22px; animation:newsletter-arrive 240ms ease-out; }
.newsletter-success:focus { outline:none; }
@keyframes newsletter-arrive { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media(max-width:600px) { .newsletter-page { padding:32px 18px; } .newsletter-card { padding:30px 23px; } .newsletter-controls { flex-direction:column; } .newsletter-submit { width:100%; } }
@media(prefers-reduced-motion:reduce) { .newsletter-submit { transition:none; } .newsletter-submit:hover:not(:disabled) { transform:none; } .newsletter-success { animation:none; } }