.assinar{width:min(440px, calc(100vw - var(--sp-8)));background:var(--ss-white);color:var(--text-primary);border-radius:var(--r-xl);box-shadow:var(--shadow-floating);border:0;padding:0}.assinar::backdrop{background:var(--scrim)}.assinar__corpo{padding:var(--sp-8)}.assinar__titulo{font-family:var(--font-sans);letter-spacing:-.014em;margin:0 0 var(--sp-2);font-size:1.5rem;font-weight:600;line-height:1.25}.assinar__sub{font-family:var(--font-serif);color:var(--text-secondary);margin:0 0 var(--sp-7);font-size:.9375rem;font-style:italic;line-height:1.5}.assinar__campo{margin-bottom:var(--sp-5)}.assinar__rotulo{font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:var(--sp-2);font-size:.8125rem;font-weight:600;display:block}.assinar__input{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--ss-cream);border:1px solid var(--line-default);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);transition:border-color var(--dur-fast) var(--ease-out);font-size:1rem}.assinar__input:hover{border-color:var(--ss-indigo)}.assinar__input:focus-visible{border-color:var(--line-active);box-shadow:var(--shadow-ring-focus);outline:none}.assinar__input[aria-invalid=true]{border-color:var(--status-error)}.assinar__erro{font-family:var(--font-sans);color:var(--status-error);margin:var(--sp-2) 0 0;min-height:1em;font-size:.75rem}.assinar__acoes{gap:var(--sp-3);margin-top:var(--sp-7);display:flex}.assinar__enviar{font-family:var(--font-sans);color:var(--text-primary-dark);background:var(--ss-ink);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-6);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--spring-damped);border:0;flex:1;font-size:.9375rem;font-weight:600}.assinar__enviar:hover{background:var(--ss-surface-indigo)}.assinar__enviar:active{transform:scale(.98)}.assinar__enviar[aria-busy=true]{opacity:.6;cursor:progress}.assinar__fechar{font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--line-default);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-6);cursor:pointer;background:0 0;font-size:.9375rem;font-weight:600}.assinar__nota{font-family:var(--font-sans);color:var(--text-tertiary);margin:var(--sp-5) 0 0;font-size:.75rem}.assinar__status{font-family:var(--font-sans);margin:var(--sp-4) 0 0;font-size:.875rem}.assinar__status[data-estado=erro]{color:var(--status-error)}.assinar__status[data-estado=ok]{color:var(--status-success)}.cover{background:var(--ss-surface-indigo);display:block;position:relative;overflow:hidden}.cover__mark{pointer-events:none;z-index:1;height:auto;position:absolute}.cover[data-s="1"]{background:linear-gradient(160deg, var(--ss-indigo-press) 0%, var(--ss-elevated) 60%, var(--ss-ink) 100%)}.cover[data-s="1"] .cover__mark{opacity:.34;width:26%;bottom:10%;right:8%}.cover[data-s="2"]{background:linear-gradient(150deg, var(--ss-indigo) 0%, var(--ss-periwinkle) 100%)}.cover[data-s="2"] .cover__mark{opacity:.18;width:70%;bottom:-24%;left:-20%}.cover[data-s="3"]{background:linear-gradient(170deg, var(--ss-sky) 0%, var(--ss-lavender) 100%)}.cover[data-s="3"] .cover__mark{opacity:.55;width:28%;top:50%;left:50%;transform:translate(-50%,-50%)}.cover[data-s="4"]{background:linear-gradient(135deg, var(--ss-periwinkle) 0%, var(--ss-sky) 100%)}.cover[data-s="4"] .cover__mark{opacity:.4;width:24%;top:10%;right:8%}.cover[data-s="5"]{background:var(--ss-surface-indigo)}.cover[data-s="5"] .cover__mark{opacity:.16;width:80%;top:50%;right:-30%;transform:translateY(-50%)}.cover[data-s="6"]{background:linear-gradient(180deg, var(--ss-indigo-press) 0%, var(--ss-indigo) 100%)}.cover[data-s="6"] .cover__mark{opacity:.5;width:22%;bottom:12%;left:8%}.cover[data-s="7"]{background:var(--ss-lavender)}.cover[data-s="7"] .cover__mark{opacity:.12;width:64%;top:-30%;left:-14%}.cover[data-s="8"]{background:radial-gradient(120% 90% at 20% 15%, var(--ss-periwinkle) 0%, var(--ss-indigo) 55%, var(--ss-indigo-press) 100%)}.cover[data-s="8"] .cover__mark{opacity:.3;width:26%;top:50%;left:50%;transform:translate(-50%,-50%)}.cover__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover:has(.cover__img) .cover__mark{display:none}.cover__img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}