/* Upoznajme Sign — DocuSeal-Branding pro Domain (injiziert vom Host-nginx).
   Farben/Typo 1:1 von upoznajme.app: ink #191419, wine #cc1d57 (hover #b61248),
   pink #f5356f, rose #ffe1eb, line #ecdfe5, Manrope + Georgia-Kursiv-Akzent. */

@font-face { font-family: Manrope; src: url(/branding/manrope-regular.ttf) format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Manrope; src: url(/branding/manrope-semibold.ttf) format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: Manrope; src: url(/branding/manrope-extrabold.ttf) format('truetype'); font-weight: 800; font-display: swap; }

body, button, input, select, textarea { font-family: Manrope, Arial, sans-serif !important; }
body { color: #191419; }

/* DocuSeal-Logo (oranges SVG) durch App-Icon ersetzen */
a[href="/"].text-2xl > svg { display: none !important; }
a[href="/"].text-2xl::before {
    content: "";
    display: inline-block;
    width: 40px; height: 40px;
    background: url(/branding/logo.png?v=1) no-repeat center / contain;
}

/* Akzentfarbe: Primär-Buttons und Links */
.btn-primary, .btn-neutral, .base-button {
    background-color: #cc1d57 !important;
    border-color: #cc1d57 !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-neutral:hover, .base-button:hover {
    background-color: #b61248 !important;
    border-color: #b61248 !important;
}
.link-primary, a.link { color: #cc1d57; }
::selection { background: #ffe1eb; color: #191419; }

/* --- Gebrandete Startseite (ausgeloggt), im Stil der upoznajme.app-Hero ----- */
.brand-hero {
    min-height: 62vh;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; gap: 1rem; padding: 3.5rem 1.5rem; margin: 0 -1rem;
    border-radius: 28px;
    border: 1px solid #ecdfe5;
    background:
        radial-gradient(circle at 50% 18%, rgba(245,53,111,0.14), transparent 46%),
        linear-gradient(180deg, #ffffff 0%, #fff0f5 100%);
    color: #191419;
}
.brand-hero img {
    width: 104px; height: 104px;
    filter: drop-shadow(0 14px 28px rgba(204,29,87,0.28));
    margin-bottom: 0.4rem;
}
.brand-eyebrow {
    display: inline-flex; align-items: center; gap: 10px; margin: 0;
    text-transform: uppercase; letter-spacing: 1.8px; font-size: 11px; font-weight: 600;
    color: #685b65;
}
.brand-eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #f5356f; }
.brand-hero h1 {
    font-size: clamp(2.6rem, 6vw, 4.2rem); font-weight: 800; line-height: 1.04;
    letter-spacing: -0.05em; margin: 0; color: inherit;
}
.brand-hero h1 em {
    display: block; font-family: Georgia, serif; font-style: italic; font-weight: 400;
    letter-spacing: -0.03em; color: #cc1d57;
}
.brand-hero p.brand-desc { font-size: 1.05rem; line-height: 1.65; max-width: 32rem; margin: 0; color: #685b65; }
.brand-cta {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 52px; margin-top: 0.8rem; padding: 13px 34px;
    border-radius: 100px; font-weight: 600; font-size: 1rem; text-decoration: none;
    background: #cc1d57; color: #ffffff !important;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.brand-cta:hover { background: #b61248; box-shadow: 0 6px 18px rgba(109,34,58,0.16); transform: translateY(-2px); }
.brand-feats { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: center; margin-top: 1.4rem; }
.brand-feats span {
    padding: 0.45rem 1rem; border-radius: 999px; font-size: 0.85rem; font-weight: 600;
    background: #ffffff; border: 1px solid #ecdfe5; color: #191419;
}