/* DriftPica – Frontend Styles */
:root {
--dp-bg: #006173; /* an DriftPica anlehnen: dunkler Hintergrund */
--dp-card: #006173; /* Kartenhintergrund */
--dp-text: #ffffff; /* Textfarbe */
--dp-accent: #363535; /* Akzent (an Logo/Brand anpassbar) */
--dp-border: #2a2f3a; /* dezente Rahmenfarbe */
}


.dpms-wrap { background: transparent; }
.dpms-form {
color: var(--dp-text);
background: var(--dp-card);
border: 1px solid var(--dp-border);
border-radius: 16px;
padding: 18px 18px 20px;
max-width: 660px;
box-shadow: 0 6px 24px rgba(0,0,0,.35);
}


.dpms-title { margin: 0 0 16px; font-size: 2rem; line-height: 1.2; color: #fff; }
.dpms-field { margin-bottom: 14px; }
.dpms-field label { display:block; font-weight:600; margin-bottom:6px; }
.dpms-field input[type="email"],
.dpms-field textarea {
width: 100%;
background: #0e1118;
color: var(--dp-text);
border: 1px solid var(--dp-border);
border-radius: 12px;
padding: 10px 12px;
}


.dpms-field textarea { resize: vertical; }


.dpms-field small { color: #c3c9d4; display:block; margin-top:6px; }


.dpms-label { margin: 0 0 6px; font-weight:600; }


.dpms-options { display: grid; grid-template-columns: 1fr; gap: 8px; }
.dpms-option { display:flex; align-items:center; gap:10px; background:#0e1118; padding:10px 12px; border:1px solid var(--dp-border); border-radius:12px; }
.dpms-option input { transform: scale(1.2); }


.dpms-grid { display:grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 560px){ .dpms-grid { grid-template-columns: 1fr 1fr; } }


.dpms-check { display:flex; gap:10px; align-items:flex-start; font-size:.95rem; }
.dpms-required { color: var(--dp-accent); }


.dpms-btn {
display:inline-block;
background: linear-gradient(180deg, #363535, var(--dp-accent));
color: #fff; border:0; border-radius: 999px; padding: 11px 18px; font-weight:700; cursor:pointer;
box-shadow: 0 6px 14px rgba(43, 206, 255, 0.35);
}
.dpms-btn:hover { filter: brightness(1.05); }


.dpms-feedback { margin-top: 12px; min-height: 20px; font-weight:600; }
.dpms-feedback.success { color: #79f2a6; }
.dpms-feedback.error { color: #ff9aa2; }