.newsletter-page{margin:-6rem 0 0;min-height:calc(100vh - 6rem);background:linear-gradient(180deg,#1e1033,#2d1b4e 50%,#1e1033);display:flex;flex-direction:column}@media (min-width:768px){.newsletter-page{margin-top:-7rem;min-height:calc(100vh - 7rem)}}@media (min-width:1024px){.newsletter-page{margin-top:-8rem;min-height:calc(100vh - 8rem)}}@media (min-width:1280px){.newsletter-page{margin-top:-9rem;min-height:calc(100vh - 9rem)}}.newsletter-page .newsletter-viewer-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.newsletter-page .newsletter-viewer-frame{flex:1;width:100%;min-height:520px;border:none;display:block;background:transparent}.newsletter-page .newsletter-header{text-align:center;padding:1rem 1rem .5rem;color:#fff}.newsletter-page .newsletter-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;background:linear-gradient(90deg,#f97316,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.newsletter-page .newsletter-header p{font-size:.875rem;opacity:.75}.newsletter-page .newsletter-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:#fff}.newsletter-page .newsletter-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.newsletter-page .newsletter-empty h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.newsletter-page .newsletter-empty p{font-size:1rem;opacity:.75;max-width:28rem;line-height:1.6}.newsletter-page .newsletter-loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:1rem}.newsletter-page .newsletter-loading-state .spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#f97316;border-radius:50%;animation:newsletter-page-spin .8s linear infinite}@keyframes newsletter-page-spin{to{transform:rotate(1turn)}}@media (max-width:767px){.newsletter-page{margin-top:-6rem;min-height:calc(100vh - 6rem)}.newsletter-page .newsletter-header{padding:.75rem .75rem .25rem}.newsletter-page .newsletter-header h1{font-size:1.25rem}.newsletter-page .newsletter-header p{font-size:.8125rem}.newsletter-page .newsletter-viewer-frame{min-height:calc(100vh - 12rem)}}