/* Konto-Seiten – baut auf tokens.css auf (App-Design, hell/dunkel) */
.fgkms-body.fgkms-konto { display: flex; align-items: flex-start; justify-content: center; padding: max(24px, var(--safe-top)) 16px 32px; min-height: 100vh; }
@media (min-height: 760px) { .fgkms-body.fgkms-konto { align-items: center; } }
.fgkms-konto .fgkms-card { width: 100%; max-width: 440px; padding: 28px 24px 20px; margin-top: 4vh; }
@media (min-height: 760px) { .fgkms-konto .fgkms-card { margin-top: 0; } }
.fgkms-card--breit { max-width: 720px !important; }
.fgkms-head { text-align: center; margin-bottom: 22px; }
.fgkms-logo { position: relative; width: 56px; height: 56px; margin: 0 auto 12px; }
.fgkms-logo span { position: absolute; inset: 0; border-radius: 50%; background: var(--color-accent); opacity: .18; }
.fgkms-logo span:nth-child(2) { inset: 9px; opacity: .32; }
.fgkms-logo span:nth-child(3) { inset: 18px; opacity: .9; }
.fgkms-marke { font-weight: 600; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }
.fgkms-untertitel { font-size: 13px; color: var(--color-text-muted); opacity: .85; }
.fgkms-intro { margin: 0 0 18px; color: var(--color-text-muted); font-size: 15px; }
.fgkms-form { display: flex; flex-direction: column; gap: 14px; }
.fgkms-consent { font-size: 13px; line-height: 1.45; }
.fgkms-links { margin: 18px 0 0; text-align: center; font-size: 14px; color: var(--color-text-muted); }
.fgkms-actions { display: flex; flex-direction: column; gap: 12px; align-items: center; margin-top: 16px; }
.fgkms-foot { margin-top: 22px; text-align: center; font-size: 12px; color: var(--color-text-muted); display: flex; flex-direction: column; gap: 10px; align-items: center; }

/* Registrierung */
.fgkms-steps { list-style: none; display: flex; gap: 6px; margin: 0 0 20px; padding: 0; }
.fgkms-steps li { flex: 1; display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--color-text-muted); opacity: .6; padding-bottom: 8px; border-bottom: 2px solid var(--color-border); }
.fgkms-steps li span { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--color-bg-elevated); font-weight: 600; font-size: 11px; flex: 0 0 20px; }
.fgkms-steps li.is-active { opacity: 1; border-bottom-color: var(--color-accent); color: var(--color-text); }
.fgkms-steps li.is-active span { background: var(--color-accent); color: var(--color-accent-fg); }
.fgkms-steps li.is-done { opacity: .9; }
.fgkms-steps li.is-done span { background: var(--color-success); color: #fff; }
.fgkms-beschreibung { color: var(--color-text-muted); font-size: 15px; margin: 0 0 14px; }
.fgkms-beschreibung p { margin: 0 0 10px; }
.fgkms-pakete { background: var(--color-bg-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: 12px 14px; margin: 0 0 18px; }
.fgkms-pakete-titel { font-size: 13px; font-weight: 600; color: var(--color-text-muted); margin-bottom: 6px; }
.fgkms-pakete ul { list-style: none; margin: 0; padding: 0; }
.fgkms-pakete li { position: relative; padding-left: 24px; font-size: 15px; margin: 4px 0; }
.fgkms-pakete li::before { content: ""; position: absolute; left: 0; top: 7px; width: 14px; height: 8px; border-left: 2px solid var(--color-success); border-bottom: 2px solid var(--color-success); transform: rotate(-45deg); }
.fgkms-row { display: flex; gap: 12px; }
.fgkms-row .fgkms-field { flex: 1; min-width: 0; }
.fgkms-hint { margin: 2px 0 0; font-size: 13px; color: var(--color-text-muted); text-align: center; line-height: 1.4; }
@media (max-width: 420px) { .fgkms-row { flex-direction: column; gap: 14px; } .fgkms-steps li { font-size: 11px; gap: 5px; } .fgkms-konto .fgkms-card { padding: 22px 18px 16px; } }

/* Zwei-Klick-Video */
.fgkms-video { position: relative; aspect-ratio: 16/9; border-radius: var(--radius-md); overflow: hidden; background: #06121a; border: 1px solid var(--color-border); margin: 4px 0 8px; }
.fgkms-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.fgkms-video-poster { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; cursor: pointer; background: #06121a center/cover no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #fff; font: inherit; }
.fgkms-video-poster::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6,18,26,.15), rgba(6,18,26,.55)); }
.fgkms-video-playicon { position: relative; width: 72px; height: 72px; border-radius: 50%; background: var(--color-accent); box-shadow: 0 8px 30px rgba(0,0,0,.4); transition: transform .15s; }
.fgkms-video-playicon::after { content: ""; position: absolute; left: 29px; top: 22px; border-left: 22px solid var(--color-accent-fg); border-top: 14px solid transparent; border-bottom: 14px solid transparent; }
.fgkms-video-poster:hover .fgkms-video-playicon { transform: scale(1.06); }
.fgkms-video-label { position: relative; font-weight: 600; font-size: 15px; text-shadow: 0 1px 6px rgba(0,0,0,.6); }
.fgkms-video-hint { margin-bottom: 16px; }