#dw-sw-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 99998;
background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
animation: dw-sw-fade-in 0.4s ease forwards;
}
#dw-sw-overlay.dw-sw-active {
display: block;
}
@keyframes dw-sw-fade-in {
from { opacity: 0; }
to   { opacity: 1; }
} #dw-sw-wall {
display: none;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
background: #fff;
box-shadow: 0 -4px 40px rgba(0, 0, 0, 0.18);
border-radius: 16px 16px 0 0;
padding: 48px 40px 52px;
max-height: 92vh;
overflow-y: auto;
animation: dw-sw-slide-up 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
box-sizing: border-box;
}
#dw-sw-wall.dw-sw-active {
display: block;
}
@keyframes dw-sw-slide-up {
from { transform: translateY(100%); opacity: 0; }
to   { transform: translateY(0);    opacity: 1; }
} .dw-sw-inner {
max-width: 560px;
margin: 0 auto;
text-align: center;
} .dw-sw-wordmark {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #1a1a1a;
margin-bottom: 28px;
opacity: 0.55;
font-family: Georgia, 'Times New Roman', serif;
} .dw-sw-divider {
width: 40px;
height: 2px;
background: #1a1a1a;
margin: 0 auto 28px;
opacity: 0.15;
} .dw-sw-headline {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: clamp(22px, 4vw, 30px);
font-weight: 700;
line-height: 1.25;
color: #111;
margin: 0 0 18px;
letter-spacing: -0.3px;
} .dw-sw-body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 15px;
line-height: 1.65;
color: #555;
margin: 0 0 32px;
} .dw-sw-form {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
}
.dw-sw-email-wrap {
display: flex;
width: 100%;
max-width: 420px;
border: 1.5px solid #d4d4d4;
border-radius: 6px;
overflow: hidden;
transition: border-color 0.2s ease;
background: #fff;
}
.dw-sw-email-wrap:focus-within {
border-color: #111;
}
.dw-sw-email-input {
flex: 1;
border: none;
outline: none;
padding: 13px 16px;
font-size: 15px;
color: #111;
background: transparent;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
min-width: 0;
}
.dw-sw-email-input::placeholder {
color: #aaa;
}
.dw-sw-submit-btn {
border: none;
outline: none;
cursor: pointer;
background: #111;
color: #fff;
padding: 13px 22px;
font-size: 14px;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
letter-spacing: 0.02em;
transition: background 0.2s ease, opacity 0.2s ease;
white-space: nowrap;
flex-shrink: 0;
}
.dw-sw-submit-btn:hover {
background: #333;
}
.dw-sw-submit-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
} .dw-sw-helper {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 12px;
color: #999;
letter-spacing: 0.01em;
}
.dw-sw-message {
font-size: 14px;
padding: 12px 20px;
border-radius: 6px;
display: none;
max-width: 420px;
width: 100%;
text-align: center;
}
.dw-sw-message.success {
background: #f0faf4;
color: #1a7a3c;
border: 1px solid #b7e6ca;
display: block;
}
.dw-sw-message.error {
background: #fff5f5;
color: #c0392b;
border: 1px solid #f5c6c6;
display: block;
} .dw-sw-label {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #555;
background: #f4f1eb;
padding: 5px 10px;
border-radius: 3px;
margin-bottom: 12px;
} body.dw-sw-locked {
overflow: hidden !important;
touch-action: none;
} @media (max-width: 600px) {
#dw-sw-wall {
padding: 36px 24px 44px;
}
.dw-sw-email-wrap {
flex-direction: column;
border-radius: 6px;
}
.dw-sw-submit-btn {
width: 100%;
padding: 14px;
font-size: 15px;
}
.dw-sw-email-input {
width: 100%;
box-sizing: border-box;
}
} .dw-sw-success-screen {
display: none;
text-align: center;
}
.dw-sw-success-screen.dw-sw-active {
display: block;
}
.dw-sw-success-icon {
font-size: 40px;
margin-bottom: 16px;
display: block;
}
.dw-sw-success-headline {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 22px;
font-weight: 700;
color: #111;
margin: 0 0 10px;
}
.dw-sw-success-body {
font-size: 15px;
color: #666;
line-height: 1.6;
}