/* Grundlayout */
.findes-auth-wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px 20px;
font-family: Helvetica, Arial, sans-serif;
overflow: hidden;
box-sizing: border-box;
}

/* Die weiße Hauptkarte */
.findes-auth-card {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
background: #ffffff;
border-radius: 28px;
padding: 80px 90px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0,0,0,0.05); /* Leichter Schatten für mehr Tiefe */
box-sizing: border-box;
}

/* Deko-Elemente (Glow) */
.findes-glow-tr {
position: absolute;
top: -120px;
right: -120px;
width: 320px;
height: 320px;
background: radial-gradient(circle, rgba(25,113,184,0.10) 0%, transparent 70%);
border-radius: 50%;
}
.findes-glow-bl {
position: absolute;
bottom: -100px;
left: -100px;
width: 240px;
height: 240px;
background: radial-gradient(circle, rgba(94,168,255,0.12) 0%, transparent 70%);
border-radius: 50%;
}

/* Content Layout */
.findes-auth-content {
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
gap: 80px;
flex-wrap: wrap;
}

/* Logo Bereich */
.findes-auth-logo-wrapper {
flex: 0 0 260px;
text-align: center;
}
.findes-auth-logo {
font-size: 96px;
font-weight: 300;
letter-spacing: -6px;
line-height: 1;
}

/* Text Bereich */
.findes-auth-text {
flex: 1;
min-width: 300px;
max-width: 620px;
}
.findes-auth-badge {
display: inline-block;
padding: 10px 18px;
border-radius: 999px;
background: rgba(25, 113, 184, 0.08); /* Leichter Hintergrund, damit es wirkt wie ein Badge */
color: #1971B8;
font-size: 14px;
font-weight: 600;
margin-bottom: 28px;
}
.findes-auth-title {
font-size: 72px;
line-height: 1.1;
font-weight: 300;
color: #08172d;
margin: 0 0 25px 0;
letter-spacing: -3px;
}
.findes-auth-desc {
font-size: 22px;
line-height: 1.6;
color: #5f708d;
margin: 0 0 45px 0;
}
.findes-auth-nav {
margin-top: 40px;
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.findes-auth-link {
font-size: 1.15rem;
font-weight: 600;
color: #1971B8;
text-decoration: none;
transition: color 0.2s;
}
.findes-auth-link:hover {
color: #004c8c;
}
.findes-auth-footer {
margin-top: 60px;
font-size: 0.9rem;
color: #94a3b8;
text-align: center;
}
.findes-auth-footer a {
color: inherit;
text-decoration: none;
}
.findes-auth-footer a:hover {
text-decoration: underline;
}

/* =========================================
RESPONSIVE DESIGN (Tablets & Smartphones)
========================================= */
@media (max-width: 900px) {
.findes-auth-card {
padding: 50px 40px;
}
.findes-auth-content {
flex-direction: column;
gap: 40px;
text-align: center;
}
.findes-auth-logo-wrapper {
flex: auto;
}
.findes-auth-logo {
font-size: 72px;
letter-spacing: -4px;
}
.findes-auth-title {
font-size: 52px;
letter-spacing: -2px;
}
.findes-auth-desc {
font-size: 18px;
margin: 0 auto 30px auto;
}
.findes-auth-nav {
justify-content: center;
margin-top: 20px;
}
}

@media (max-width: 480px) {
.findes-auth-wrapper {
padding: 20px 10px;
}
.findes-auth-card {
padding: 40px 20px;
}
.findes-auth-logo {
font-size: 56px;
letter-spacing: -3px;
}
.findes-auth-title {
font-size: 38px;
letter-spacing: -1px;
margin-bottom: 15px;
}
.findes-auth-desc {
font-size: 16px;
}
.findes-auth-link {
font-size: 1rem;
}
}