/* Figma 06 / Giriş Ekranları — desktop 2439:149597, mobile 2439:150439. */
.yn-authpage {
    --auth06-bg: #fdfcfa;
    --auth06-stone: #dcd7cd;
    --auth06-line: #ece9e3;
    --auth06-brand: #ff6b10;
    --auth06-text: #15171c;
    --auth06-muted: #6e6a62;
    --yn-focus: var(--auth06-brand);
    --yn-focus-width: 2px;
    --yn-focus-offset: 2px;
    margin: 0;
    background: var(--auth06-bg);
    color: var(--auth06-text);
    font-family: Manrope, sans-serif;
    font-size: 13px;
    line-height: 1.6;
}
.auth06-page { min-height: 100svh; padding: 56px 64px; }
.auth06-card { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); max-width: 1100px; margin: 0 auto; overflow: hidden; border: 1px solid var(--auth06-line); border-radius: 20px; background: #fff; box-shadow: 0 18px 44px #1e1e1e1a; }
.auth06-brand { display: flex; flex-direction: column; justify-content: space-between; gap: 80px; padding: 40px 36px; background: var(--auth06-stone); }
.auth06-wordmark { display: inline-flex; align-items: center; justify-content: center; width: 221px; min-height: 45px; text-decoration: none; }
.auth06-wordmark img { display: block; width: 210px; height: auto; }
.auth06-brand h2 { margin: 32px 0 12px; color: var(--auth06-text); font-size: 26px; font-weight: 800; line-height: 32.5px; letter-spacing: -.52px; }
.auth06-brand p { max-width: 300px; margin: 0; color: #5c5e64; font-size: 13px; line-height: 22.1px; }
.auth06-benefits { display: grid; gap: 12px; padding: 0; margin: 0; list-style: none; }
.auth06-benefits li { display: flex; align-items: center; gap: 10px; color: #3a3c42; font-size: 12.5px; }
.auth06-benefits li > span { display: flex; align-items: center; justify-content: center; flex: 0 0 22px; height: 22px; border-radius: 50%; background: #f5872129; color: var(--auth06-brand); }
.yn-authpage .lucide-icon { display: block; flex: none; }
.auth06-main { min-width: 0; }
.auth06-mobile-header { display: none; }
.auth06-content { display: flex; flex-direction: column; gap: 18px; padding: 40px 44px; }
.auth06-heading h1 { margin: 0 0 6px; color: #1e1e1e; font-size: 20px; font-weight: 800; line-height: 27px; letter-spacing: -.2px; }
.auth06-heading p { margin: 0; color: var(--auth06-muted); font-size: 13px; line-height: 20.8px; }
.auth06-form { display: grid; min-width: 0; gap: 18px; margin: 0; }
.auth06-fields { display: grid; min-width: 0; gap: 12px; }
.auth06-field { display: grid; gap: 6px; min-width: 0; }
.auth06-label { display: block; margin: 0; color: var(--auth06-muted); font-size: 11px; font-weight: 700; line-height: 15px; letter-spacing: .66px; text-transform: uppercase; }
.auth06-input { display: block; width: 100%; min-width: 0; height: 46px; padding: 12px 14px; border: 1px solid var(--auth06-line); border-radius: 18px; background: #fff; color: #1e1e1e; font: 400 14px/20px Manrope, sans-serif; box-shadow: none; }
.auth06-input::placeholder { color: #a8a29a; opacity: 1; }
.auth06-input:focus { border-color: var(--auth06-brand); }
.auth06-input[aria-invalid="true"] { border-color: #dc4c42; background: #fffafa; }
.auth06-password { position: relative; }
.auth06-password .auth06-input { padding-right: 47px; }
.auth06-password-toggle { position: absolute; top: 6px; right: 6px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.auth06-password-toggle:hover, .auth06-password-toggle[aria-pressed="true"] { background: #f7f6f2; }
.auth06-password-toggle { color: var(--auth06-muted); }
.auth06-password-toggle .auth06-eye-off,
.auth06-password-toggle[aria-pressed="true"] .auth06-eye { display: none; }
.auth06-password-toggle[aria-pressed="true"] .auth06-eye-off { display: block; }
.auth06-options { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.auth06-checkbox { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: #4a4740; font-size: 12.5px; line-height: 19px; cursor: pointer; }
.auth06-checkbox input { appearance: none; flex: 0 0 19px; width: 19px; height: 19px; margin: 0; border: 1px solid #cec8bc; border-radius: 6px; background: #fff; cursor: pointer; }
.auth06-checkbox input:checked { border-color: var(--auth06-brand); background: var(--auth06-brand) url('../images/lucide/check-white.svg') center no-repeat; }
.auth06-link { color: #c2410c; font-weight: 700; text-decoration: none; }
.auth06-link:hover { color: #9a3412; text-decoration: underline; }
.auth06-button { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 50px; padding: 12px 16px; border: 1px solid transparent; border-radius: 18px; background: var(--auth06-brand); color: #fff; font: 700 14px/22px Manrope, sans-serif; letter-spacing: .28px; text-align: center; text-decoration: none; cursor: pointer; transition: background-color .16s ease; }
.auth06-button:hover { background: #e65a00; color: #fff; text-decoration: none; }
.auth06-button--secondary { min-height: 44px; border-color: var(--auth06-line); background: #fff; color: #4a4740; font-size: 12.5px; letter-spacing: 0; }
.auth06-button--secondary:hover { background: #f7f6f2; color: #1e1e1e; }
.auth06-meta { display: grid; gap: 12px; padding-top: 2px; text-align: center; }
.auth06-meta p { margin: 0; color: var(--auth06-muted); font-size: 12.5px; }
.auth06-legal { margin: 0; color: #8a8478; font-size: 10.5px; line-height: 16.8px; text-align: center; }
.auth06-legal a { color: var(--auth06-muted); font-weight: 600; }
.auth06-notice { display: flex; align-items: flex-start; gap: 8px; padding: 12px; border: 1px solid #bbd5f2; border-radius: 18px; background: #f4f9ff; color: #23405f; font-size: 11.5px; line-height: 18px; overflow-wrap: anywhere; }
.auth06-notice .lucide-icon { margin-top: 2px; }
.auth06-notice--error { border-color: #f2c6c2; background: #fff4f3; color: #9c2c24; }
.auth06-notice--success { border-color: #b8ddc2; background: #f0faf3; color: #24623a; }
.auth06-notice--warning { border-color: #ebd39f; background: #fffbeb; color: #785519; }
.auth06-notice ul { margin: 4px 0 0; padding-left: 16px; }
.auth06-error { margin: 0; color: #b42318; font-size: 11.5px; line-height: 18px; overflow-wrap: anywhere; }
.auth06-help { margin: 0; color: #8a8478; font-size: 11.5px; line-height: 18px; overflow-wrap: anywhere; }
.auth06-notice > :not(.lucide-icon), .auth06-checkbox > span { min-width: 0; overflow-wrap: anywhere; }
.auth06-phone { display: flex; gap: 8px; }
.auth06-phone-prefix { display: flex; align-items: center; padding: 0 12px; border: 1px solid var(--auth06-line); border-radius: 18px; background: #f7f6f2; font-size: 13px; font-weight: 700; }
.auth06-consents { display: grid; gap: 12px; }
.auth06-consents .auth06-checkbox { font-size: 11.5px; }
.auth06-rules { display: grid; gap: 5px; margin: 0; padding: 12px 14px; list-style: none; border: 1px solid var(--auth06-line); border-radius: 18px; background: #f7f6f2; color: #8a8478; font-size: 11.5px; }
.auth06-rules li { display: flex; align-items: center; gap: 8px; }
.auth06-rules li[data-valid="true"] { color: #24623a; }
.auth06-strength { display: flex; gap: 6px; height: 4px; }
.auth06-strength span { flex: 1; border-radius: 2px; background: var(--auth06-line); }
.auth06-strength span[data-active="true"] { background: var(--auth06-brand); }
.auth06-captcha { max-width: 100%; }
.auth06-captcha .g-recaptcha { max-width: 100%; }
.yn-authpage .yn-cookie-banner__inner { padding-right: 20px; }
.yn-authpage .modal-content { border: 1px solid var(--auth06-line); border-radius: 20px; }
.yn-authpage .modal-title { font-size: 18px; font-weight: 800; }
@media (min-width: 768px) {
    .auth06-card--login { min-height: 600px; }
    .auth06-card--forgot { min-height: 488px; }
    .auth06-card--reset { min-height: 562px; }
}
@media (max-width: 991.98px) and (min-width: 768px) {
    .auth06-page { padding: 40px 24px; }
    .auth06-brand { padding: 32px 24px; }
    .auth06-content { padding: 32px 28px; }
    .auth06-brand h2 { font-size: 23px; }
}
@media (max-width: 991.98px) {
    .auth06-input { font-size: 16px; }
    .auth06-password-toggle { top: 1px; right: 1px; width: 44px; height: 44px; }
    .auth06-checkbox { min-height: 44px; align-items: center; }
    .auth06-options > .auth06-link, .auth06-meta .auth06-link { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; }
    .auth06-rules { gap: 7px; padding: 13px 14px; }
    .yn-authpage .modal-header { align-items: flex-start; gap: 8px; }
    .yn-authpage .modal-title, .yn-authpage .modal-body { min-width: 0; overflow-wrap: anywhere; }
    .yn-authpage .modal-header .close { flex: none; min-width: 44px; min-height: 44px; margin: -8px -8px -8px 0; padding: 8px; }
    .yn-authpage .modal-footer .btn { min-height: 44px; }
}
@media (max-width: 767.98px) {
    .auth06-page { padding: 0; }
    .auth06-card { display: block; max-width: none; min-height: 100svh; border: 0; border-radius: 0; box-shadow: none; }
    .auth06-brand { display: none; }
    .auth06-mobile-header { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 4px; padding: 8px 12px 10px; border-bottom: 1px solid #cec8bc; background: var(--auth06-stone); }
    .auth06-mobile-header .auth06-wordmark { justify-self: center; width: 151px; min-height: 44px; }
    .auth06-mobile-header .auth06-wordmark img { width: 151px; }
    .auth06-back { position: relative; display: flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 50%; color: var(--auth06-text); }
    .auth06-back::before { position: absolute; inset: 6px; border-radius: 50%; background: #15171c0f; content: ''; }
    .auth06-back .lucide-icon { position: relative; }
    .auth06-content { width: 100%; max-width: 480px; margin: 0 auto; padding: 22px 20px 28px; }
    .auth06-content > * { min-width: 0; }
    .auth06-legal { overflow-wrap: anywhere; }
}
@media (max-width: 359.98px) {
    .auth06-captcha .g-recaptcha { transform: scale(.88); transform-origin: left top; margin-bottom: -9px; }
}
@media (prefers-reduced-motion: reduce) { .auth06-button { transition: none; } }