.dlm-cap-wrapper {
position: relative;
display: inline-block;
} .dlm-cap-trigger {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 24px;
background: #1a73e8;
color: #fff;
border: none;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background 0.18s ease, transform 0.12s ease;
line-height: 1;
}
.dlm-cap-trigger:hover  { background: #1558c0; }
.dlm-cap-trigger:active { transform: scale(0.97); }
.dlm-cap-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
} .dlm-cap-modal {
position: fixed;
inset: 0;
z-index: 99999;
background: rgba(0, 0, 0, 0.52);
display: flex !important;
align-items: center;
justify-content: center;
padding: 16px;
animation: dlmFadeIn 0.18s ease;
}
@keyframes dlmFadeIn {
from { opacity: 0; }
to   { opacity: 1; }
} .dlm-cap-box {
position: relative;
background: #fff;
border-radius: 12px;
padding: 32px 28px 28px;
width: 100%;
max-width: 340px;
box-shadow: 0 8px 40px rgba(0,0,0,0.18);
animation: dlmSlideUp 0.22s cubic-bezier(0.34,1.56,0.64,1);
text-align: center;
}
@keyframes dlmSlideUp {
from { opacity: 0; transform: translateY(20px); }
to   { opacity: 1; transform: translateY(0); }
} .dlm-cap-close {
position: absolute;
top: 12px;
right: 14px;
background: none;
border: none;
font-size: 18px;
color: #888;
cursor: pointer;
line-height: 1;
padding: 4px 6px;
border-radius: 4px;
transition: color 0.15s, background 0.15s;
}
.dlm-cap-close:hover { color: #333; background: #f1f1f1; } .dlm-cap-label {
margin: 0 0 6px;
font-size: 13px;
color: #888;
letter-spacing: 0.3px;
}
.dlm-cap-question {
margin: 0 0 20px;
font-size: 28px;
font-weight: 700;
color: #1a1a1a;
letter-spacing: -0.5px;
font-family: 'Georgia', serif;
} .dlm-cap-honeypot {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
tab-index: -1 !important;
} .dlm-cap-input {
display: block;
width: 100%;
box-sizing: border-box;
padding: 12px 14px;
border: 1.5px solid #d1d5db;
border-radius: 8px;
font-size: 18px;
text-align: center;
color: #1a1a1a;
outline: none;
transition: border-color 0.18s;
-moz-appearance: textfield;
margin-bottom: 8px;
}
.dlm-cap-input::-webkit-inner-spin-button,
.dlm-cap-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.dlm-cap-input:focus { border-color: #1a73e8; } .dlm-cap-error {
font-size: 13px;
color: #d93025;
margin: 0 0 12px;
min-height: 18px;
} .dlm-cap-submit {
display: block;
width: 100%;
padding: 12px;
background: #1a73e8;
color: #fff;
border: none;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background 0.18s, transform 0.12s;
margin-top: 4px;
}
.dlm-cap-submit:hover    { background: #1558c0; }
.dlm-cap-submit:active   { transform: scale(0.98); }
.dlm-cap-submit:disabled { background: #93b8f0; cursor: default; } @media (prefers-color-scheme: dark) {
.dlm-cap-box       { background: #1e1e1e; }
.dlm-cap-question  { color: #f1f1f1; }
.dlm-cap-label     { color: #aaa; }
.dlm-cap-input     { background: #2a2a2a; border-color: #444; color: #f1f1f1; }
.dlm-cap-close     { color: #aaa; }
.dlm-cap-close:hover { background: #2a2a2a; color: #f1f1f1; }
}