.p360-newsletter-section {
  --newsletter-accent:#61e7f4;
  box-sizing:border-box;
  padding:52px 2.7vw;
  background:#f3f5f7;
  color:#12334b;
}
.p360-newsletter-card {
  max-width:1840px;
  margin:auto;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(430px,.9fr);
  gap:48px;
  align-items:center;
  min-height:280px;
  padding:40px;
  border:1px solid rgba(97,231,244,.22);
  border-top:3px solid var(--newsletter-accent);
  border-radius:8px;
  background:linear-gradient(135deg,#081827 0%,#0b3043 100%);
  box-shadow:0 28px 68px rgba(8,24,39,.18);
  color:#fff;
}
.p360-newsletter-section[data-newsletter-theme="avs"] {--newsletter-accent:#ff82b6}
.p360-newsletter-section[data-newsletter-theme="lpp"] {--newsletter-accent:#b5a0ff}
.p360-newsletter-section[data-newsletter-theme="plan"] {--newsletter-accent:#ff9a58}
.p360-newsletter-section[data-newsletter-theme="team"] {--newsletter-accent:#57dec1}
.p360-newsletter-section[data-newsletter-theme="workshop"] {--newsletter-accent:#79caff}
.p360-newsletter-section[data-newsletter-theme="assurances"] {--newsletter-accent:#0d9488}
.p360-newsletter-section[data-newsletter-theme="impots"] {--newsletter-accent:#b45309}
.p360-newsletter-copy .kicker {
  margin-bottom:20px;
  color:var(--newsletter-accent);
  opacity:1;
}
.p360-newsletter-section[data-newsletter-theme="assurances"] .kicker {color:#7ee6dc}
.p360-newsletter-section[data-newsletter-theme="impots"] .kicker {color:#ffc38f}
.p360-newsletter-section[data-newsletter-theme="impots"] .p360-newsletter-controls button {color:#fff}
.p360-newsletter-section[data-newsletter-theme="assurances"] .p360-newsletter-controls button {background:#7ee6dc;border-color:#7ee6dc;color:#092738}
.p360-newsletter-section[data-newsletter-theme="impots"] .p360-newsletter-controls button:hover {background:#92400e;border-color:#92400e}
.p360-newsletter-copy h2 {
  margin:0;
  color:#fff;
  font-size:36px;
  line-height:1.04;
  font-weight:600;
  letter-spacing:0;
}
.p360-newsletter-copy p {
  max-width:760px;
  margin:24px 0 0;
  color:#bfced7;
  font-size:18px;
  line-height:1.7;
}
.p360-newsletter-form {min-width:0;margin:0}
.p360-newsletter-controls {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.p360-newsletter-controls input {
  min-width:0;
  width:100%;
  height:54px;
  box-sizing:border-box;
  padding:0 20px;
  border:1px solid #d3e0e6;
  border-radius:999px;
  background:#fff;
  color:#12334b;
  font:inherit;
  font-size:16px;
}
.p360-newsletter-controls button {
  min-height:54px;
  padding:0 26px;
  border:1px solid var(--newsletter-accent);
  border-radius:999px;
  background:var(--newsletter-accent);
  color:#0a1628;
  font:inherit;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:background-color .3s ease,color .3s ease,transform .3s ease;
}
.p360-newsletter-consent {
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-top:14px;
  color:#bfced7;
  font-size:13px;
  line-height:1.55;
}
.p360-newsletter-consent input {width:17px;height:17px;margin:1px 0 0;accent-color:var(--newsletter-accent);flex:0 0 auto}
.p360-newsletter-consent a {color:#fff;text-underline-offset:3px}
.p360-newsletter-status {min-height:18px;margin:8px 0 0;color:#bfced7;font-size:12px;line-height:1.5}
.p360-newsletter-section :is(input,button,a):focus-visible {outline:3px solid var(--newsletter-accent);outline-offset:3px}
@media(hover:hover) and (pointer:fine) {
  .p360-newsletter-controls button:hover {background:#fff;border-color:#fff;color:#0a1628;transform:translateY(-1px)}
}
@media(max-width:980px) {
  .p360-newsletter-card {grid-template-columns:minmax(0,1fr);gap:34px;min-height:0;padding:34px}
  .p360-newsletter-copy .kicker {margin-bottom:20px}
  .p360-newsletter-copy p {margin-top:24px}
}
@media(max-width:600px) {
  .p360-newsletter-section {padding:34px 20px}
  .p360-newsletter-card {padding:24px 20px}
  .p360-newsletter-copy h2 {font-size:34px}
  .p360-newsletter-copy p {font-size:16px;line-height:1.6}
  .p360-newsletter-controls {grid-template-columns:minmax(0,1fr)}
  .p360-newsletter-controls input,.p360-newsletter-controls button {height:50px;min-height:50px;border-radius:6px}
}
@media(prefers-reduced-motion:reduce) {
  .p360-newsletter-controls button {transition:none}
  .p360-newsletter-controls button:hover {transform:none}
}
