/* ---------------------------------------------------------------
   ASTRA TEMA — SAYFA BAŞLIĞI & ÜST ALAN GİZLEME
---------------------------------------------------------------- */
body:has(.us-wrapper) .ast-page-title-bar,
body:has(.us-wrapper) .ast-page-title-wrap,
body:has(.us-wrapper) .page-title-bar,
body:has(.us-wrapper) .ast-hero-section,
body:has(.us-wrapper) .ast-breadcrumbs-wrapper { display: none !important; }

body:has(.us-wrapper) .entry-header,
body:has(.us-wrapper) .entry-title,
body:has(.us-wrapper) h1.entry-title,
body:has(.us-wrapper) h2.entry-title,
body:has(.us-wrapper) .page-header,
body:has(.us-wrapper) .ast-single-post-order .entry-header { display: none !important; }

body:has(.us-wrapper) .entry-content,
body:has(.us-wrapper) .page-content,
body:has(.us-wrapper) .ast-article-single,
body:has(.us-wrapper) .ast-container,
body:has(.us-wrapper) .site-main,
body:has(.us-wrapper) .hentry,
body:has(.us-wrapper) #primary,
body:has(.us-wrapper) #content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body:has(.us-wrapper) .ast-page-builder-template,
body:has(.us-wrapper) .page-template-page-builder {
    padding: 0 !important;
    margin: 0 !important;
}

/* ---------------------------------------------------------------
   CSS VARIABLES — DARK THEME
---------------------------------------------------------------- */
:root {
    --us-primary:        #00d4ff;
    --us-primary-dark:   #00b8df;
    --us-primary-glow:   rgba(0, 212, 255, 0.25);
    --us-accent:         #7c3aed;
    --us-gradient:       linear-gradient(90deg, #00d4ff 0%, #7c3aed 100%);
    --us-gradient-hover: linear-gradient(90deg, #00b8df 0%, #6d28d9 100%);

    --us-success:        #10b981;
    --us-success-bg:     rgba(16, 185, 129, 0.12);
    --us-warning:        #f59e0b;
    --us-warning-bg:     rgba(245, 158, 11, 0.12);
    --us-error:          #ef4444;
    --us-error-bg:       rgba(239, 68, 68, 0.12);

    --us-bg:             #0b0b18;
    --us-card-bg:        #10101f;
    --us-card-border:    rgba(255, 255, 255, 0.07);
    --us-input-bg:       #1a1a2e;
    --us-input-border:   rgba(255, 255, 255, 0.1);
    --us-input-focus:    rgba(0, 212, 255, 0.35);

    --us-text:           #f0f0ff;
    --us-text-muted:     #8888aa;
    --us-text-dim:       #44446a;

    --us-radius:         16px;
    --us-radius-sm:      10px;
    --us-shadow-lg:      0 24px 64px rgba(0, 0, 0, 0.7);
    --us-transition:     .2s ease;
    --us-font:           'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ---------------------------------------------------------------
   WRAPPER / CARD
---------------------------------------------------------------- */
.us-wrapper {
    font-family: var(--us-font);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 60vh;
    padding: 48px 16px;
    background: var(--us-bg);
}

.us-wrapper--panel {
    background: var(--us-bg);
    padding: 32px 16px;
    align-items: stretch;
}

.us-card {
    background: var(--us-card-bg);
    border: 1px solid var(--us-card-border);
    border-radius: var(--us-radius);
    box-shadow: var(--us-shadow-lg);
    width: 100%;
    max-width: 420px;
    overflow: hidden;
    animation: us-slide-in .35s ease;
}

.us-card--panel { max-width: 700px; }

@keyframes us-slide-in {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ---------------------------------------------------------------
   CARD HEADER
---------------------------------------------------------------- */
.us-card__header {
    padding: 40px 36px 28px;
    text-align: center;
    background: transparent;
    border-bottom: none;
}

.us-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}

/* New dark-themed logo circle wrapper used in updated shortcode */
.us-logo-circle {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(0, 212, 255, 0.07);
    border: 1.5px solid rgba(0, 212, 255, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 28px rgba(0, 212, 255, 0.18), inset 0 0 24px rgba(0, 212, 255, 0.05);
    position: relative;
}

.us-logo-circle::before {
    content: '';
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 1px solid rgba(0, 212, 255, 0.08);
}

.us-logo-circle svg {
    width: 36px;
    height: 36px;
    color: var(--us-primary);
    filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.7));
}

/* Fallback for legacy svg inside .us-logo */
.us-logo > svg {
    width: 52px;
    height: 52px;
    filter: drop-shadow(0 0 12px rgba(0, 212, 255, 0.5));
}

.us-card__title {
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--us-text);
    margin: 0 0 8px;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.us-card__subtitle {
    color: var(--us-text-muted);
    font-size: .9rem;
    margin: 0;
}

/* ---------------------------------------------------------------
   FORM
---------------------------------------------------------------- */
.us-form {
    padding: 8px 32px 28px;
}

.us-form__row { display: flex; gap: 14px; }
.us-form__row--2col > * { flex: 1; min-width: 0; }

.us-form__group { margin-bottom: 18px; }

.us-form__inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.us-label {
    display: block;
    font-size: .83rem;
    font-weight: 500;
    color: var(--us-text-muted);
    margin-bottom: 8px;
    letter-spacing: 0.01em;
}

.us-required { color: var(--us-error); }

.us-input-wrap { position: relative; }

.us-input {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid var(--us-input-border);
    border-radius: var(--us-radius-sm);
    font-size: .95rem;
    color: var(--us-text);
    background: var(--us-input-bg);
    transition: border-color var(--us-transition), box-shadow var(--us-transition);
    box-sizing: border-box;
    outline: none;
}

.us-input:focus {
    border-color: var(--us-primary);
    box-shadow: 0 0 0 3px var(--us-input-focus);
}

.us-input::placeholder { color: var(--us-text-dim); }

.us-input-wrap .us-input { padding-right: 46px; }

.us-toggle-pw {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: var(--us-text-muted);
    line-height: 1;
    transition: color var(--us-transition);
}

.us-toggle-pw:hover { color: var(--us-primary); }

.us-eye {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.us-input-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--us-text-muted);
    pointer-events: none;
    line-height: 1;
}

.us-input-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* ---------------------------------------------------------------
   CHECKBOX
---------------------------------------------------------------- */
.us-checkbox {
    display: flex;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    font-size: .875rem;
    color: var(--us-text-muted);
    user-select: none;
}

.us-checkbox input { display: none; }

.us-checkbox__mark {
    width: 18px;
    height: 18px;
    border: 1.5px solid var(--us-input-border);
    border-radius: 4px;
    background: var(--us-input-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all var(--us-transition);
}

.us-checkbox input:checked + .us-checkbox__mark {
    background: var(--us-primary);
    border-color: var(--us-primary);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
}

.us-checkbox input:checked + .us-checkbox__mark::after {
    content: '';
    width: 10px;
    height: 7px;
    border: 2px solid #0b0b18;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg) translateY(-1px);
}

/* ---------------------------------------------------------------
   BUTTONS
---------------------------------------------------------------- */
.us-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 22px;
    border-radius: var(--us-radius-sm);
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all var(--us-transition);
    text-decoration: none;
    letter-spacing: 0.01em;
}

.us-btn--primary {
    background: var(--us-gradient);
    color: #fff;
    box-shadow: 0 4px 20px rgba(0, 212, 255, 0.15);
}

.us-btn--primary:hover {
    background: var(--us-gradient-hover);
    transform: translateY(-1px);
    box-shadow: 0 8px 28px rgba(0, 212, 255, 0.3);
}

.us-btn--outline {
    background: transparent;
    color: var(--us-primary);
    border: 1.5px solid rgba(0, 212, 255, 0.3);
}

.us-btn--outline:hover {
    background: rgba(0, 212, 255, 0.07);
    border-color: var(--us-primary);
}

.us-btn--full { width: 100%; }
.us-btn--sm   { padding: 7px 14px; font-size: .85rem; }

.us-btn:disabled {
    opacity: .45;
    cursor: not-allowed;
    transform: none !important;
}

/* ---------------------------------------------------------------
   SPINNER
---------------------------------------------------------------- */
.us-spinner {
    width: 20px;
    height: 20px;
    animation: us-spin .7s linear infinite;
}

.us-spinner circle {
    stroke: currentColor;
    stroke-linecap: round;
    stroke-dasharray: 80;
    stroke-dashoffset: 60;
}

@keyframes us-spin { to { transform: rotate(360deg); } }

/* ---------------------------------------------------------------
   NOTICE
---------------------------------------------------------------- */
.us-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 32px;
    font-size: .88rem;
    border-left: 3px solid;
    animation: us-notice-in .2s ease;
}

@keyframes us-notice-in {
    from { opacity: 0; transform: translateX(-6px); }
    to   { opacity: 1; transform: translateX(0); }
}

.us-notice--error   { background: var(--us-error-bg);   border-color: var(--us-error);   color: #ff7070; }
.us-notice--success { background: var(--us-success-bg); border-color: var(--us-success); color: #34d399; }
.us-notice--info    { background: rgba(0,212,255,.07);  border-color: var(--us-primary); color: var(--us-primary); }

.us-notice__icon { font-weight: 700; flex-shrink: 0; margin-top: 1px; }

/* ---------------------------------------------------------------
   CARD FOOTER
---------------------------------------------------------------- */
.us-card__footer {
    padding: 20px 32px;
    text-align: center;
    font-size: .875rem;
    color: var(--us-text-muted);
    border-top: 1px solid var(--us-card-border);
    background: transparent;
}

.us-card__footer a,
.us-link {
    color: var(--us-primary);
    text-decoration: none;
    font-weight: 600;
}

.us-card__footer a:hover,
.us-link:hover { text-decoration: underline; }

/* ---------------------------------------------------------------
   BADGE
---------------------------------------------------------------- */
.us-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.us-badge--success { background: var(--us-success-bg); color: var(--us-success); }
.us-badge--warning { background: var(--us-warning-bg); color: var(--us-warning); }
.us-badge--error   { background: var(--us-error-bg);   color: var(--us-error);   }

/* ---------------------------------------------------------------
   PANEL
---------------------------------------------------------------- */
.us-panel__header {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 28px 32px;
    border-bottom: 1px solid var(--us-card-border);
    background: rgba(0, 212, 255, 0.03);
    flex-wrap: wrap;
}

.us-avatar {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    border: 2px solid rgba(0, 212, 255, 0.3);
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.2);
}

.us-panel__info { flex: 1; }
.us-panel__info h2 { margin: 0 0 4px; font-size: 1.3rem; color: var(--us-text); }
.us-panel__info p  { margin: 0 0 8px; color: var(--us-text-muted); font-size: .9rem; }

.us-panel__body { padding: 28px 32px; }

.us-panel__section-title {
    font-size: .78rem;
    font-weight: 700;
    color: var(--us-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--us-card-border);
}

.us-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.us-info-item {
    background: var(--us-input-bg);
    border-radius: var(--us-radius-sm);
    padding: 14px 16px;
    border: 1px solid var(--us-card-border);
}

.us-info-item__label {
    display: block;
    font-size: .75rem;
    font-weight: 600;
    color: var(--us-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 4px;
}

.us-info-item__value {
    font-size: .95rem;
    font-weight: 600;
    color: var(--us-text);
}

/* ---------------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------------- */
@media ( max-width: 500px ) {
    .us-card__header,
    .us-form,
    .us-notice,
    .us-card__footer { padding-left: 20px; padding-right: 20px; }

    .us-form__row--2col { flex-direction: column; gap: 0; }

    .us-panel__header { flex-direction: column; text-align: center; }
    .us-panel__body   { padding: 20px; }
}

/* ===== Paket Yönetimi – Üye Paneli Entegrasyon CSS ===== */
.us-panel__packages {
    background: var(--us-input-bg);
    border: 1px solid var(--us-card-border);
    border-radius: var(--us-radius-sm);
    padding: 24px 28px;
    margin-top: 20px;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.us-panel__no-package {
    color: var(--us-text-muted);
    font-size: 14px;
    text-align: center;
    padding: 20px 0;
}

.us-pkg-list { display: flex; flex-direction: column; gap: 12px; }

.us-pkg-item {
    background: rgba(255,255,255,0.03);
    border: 1px solid var(--us-card-border);
    border-radius: 8px;
    padding: 14px 16px;
}

.us-pkg-item__header { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }

.us-pkg-item__name {
    font-weight: 700;
    font-size: 14px;
    color: var(--us-text);
}

.us-pkg-item__desc { font-size: 13px; color: var(--us-text-muted); margin: 4px 0 8px; }

.us-pkg-item__pages-label {
    display: block;
    font-size: 12px;
    color: var(--us-text-dim);
    margin-bottom: 6px;
}

.us-pkg-page-link {
    display: inline-block;
    background: rgba(0, 212, 255, 0.1);
    color: var(--us-primary);
    border-radius: 4px;
    padding: 3px 10px;
    font-size: 12px;
    margin: 2px 3px 2px 0;
    text-decoration: none;
    transition: background .15s;
}

.us-pkg-page-link:hover {
    background: rgba(0, 212, 255, 0.2);
    color: var(--us-primary);
}

/* ===============================================================
   VERİMOR SMS OTP — Ek Stiller
   =============================================================== */
.us-sms-row { display:flex; gap:8px; align-items:center; }
.us-sms-row .us-input { flex:1; min-width:0; }
.us-btn--sms { flex-shrink:0; white-space:nowrap; padding:0 14px; font-size:13px; height:44px; }
#us-register-btn:disabled { opacity:.5; cursor:not-allowed; }

/* ---------------------------------------------------------------
   HESAP SİL – Küçük, panel içi, dark tema uyumlu
---------------------------------------------------------------- */
.us-delete-row {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--us-card-border);
}

/* "Hesabımı sil" — küçük muted link görünümlü buton */
.us-delete-trigger {
    background: none;
    border: none;
    padding: 0;
    font-size: .8rem;
    color: var(--us-text-dim);
    cursor: pointer;
    transition: color var(--us-transition);
    font-family: var(--us-font);
}
.us-delete-trigger:hover { color: var(--us-error); }

/* Açılan form alanı */
#us-delete-account-form {
    margin-top: 12px;
}

.us-delete-textarea {
    width: 100%;
    resize: none;
    font-size: .88rem;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.us-delete-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Talep Gönder butonu — error rengi, küçük outline */
.us-btn--delete-confirm {
    background: transparent;
    color: var(--us-error);
    border: 1.5px solid var(--us-error);
    transition: background var(--us-transition), color var(--us-transition);
}
.us-btn--delete-confirm:hover {
    background: var(--us-error-bg);
}

/* Vazgeç — sade metin */
.us-delete-cancel {
    background: none;
    border: none;
    padding: 0;
    font-size: .82rem;
    color: var(--us-text-muted);
    cursor: pointer;
    font-family: var(--us-font);
    transition: color var(--us-transition);
}
.us-delete-cancel:hover { color: var(--us-text); }

/* ── Geri Bildirim Butonu (Profil Paneli) ── */
.us-feedback-section {
    padding-top: 0 !important;
}
.us-feedback-divider {
    height: 1px;
    background: rgba(255,255,255,0.07);
    margin-bottom: 20px;
}
.us-feedback-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    background: transparent;
    color: #FF6B6B;
    border: 1.5px solid rgba(255,107,107,0.4);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, transform 0.15s;
    letter-spacing: 0.01em;
}
.us-feedback-btn:hover {
    background: rgba(255,107,107,0.08);
    border-color: rgba(255,107,107,0.7);
    transform: translateY(-1px);
}
.us-feedback-btn:active {
    transform: translateY(0);
}

/* ---------------------------------------------------------------
   ŞİFREMİ UNUTTUM / ŞİFRE SIFIRLA
---------------------------------------------------------------- */
.us-forgot-link {
    color: var(--us-accent, #7C6BFF);
    text-decoration: none;
    font-size: 13px;
    opacity: 0.85;
    transition: opacity 0.15s;
}
.us-forgot-link:hover {
    opacity: 1;
    text-decoration: underline;
}
.us-card__footer-link {
    text-align: center;
    margin-top: 18px;
    font-size: 13px;
}
.us-card__footer-link a {
    color: var(--us-accent, #7C6BFF);
    text-decoration: none;
}
.us-card__footer-link a:hover {
    text-decoration: underline;
}

/* ---------------------------------------------------------------
   ÇALIŞMA GRUBU – Panel bölümü
---------------------------------------------------------------- */
.us-card--panel { overflow: visible !important; }

.py-pkg-section {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    padding: 28px 32px;
    border-top: 1px solid var(--us-card-border);
    box-sizing: border-box;
}
.py-pkg-section .us-panel__section-title {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--us-text);
}
.py-pkg-section > p {
    font-size: .83rem;
    color: var(--us-text-muted);
    margin: 0 0 14px;
}
.py-pkg-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}
.py-pkg-card {
    width: 100% !important;
    box-sizing: border-box !important;
    background: var(--us-input-bg);
    border: 2px solid var(--us-card-border);
    border-radius: var(--us-radius-sm);
    padding: 12px 16px;
    cursor: pointer;
    transition: border-color .2s, background .2s;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px;
    position: relative;
}
.py-pkg-card:hover {
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.25);
}
.py-pkg-card.py-pkg-active {
    border-color: var(--pkg-color, var(--us-primary));
    background: rgba(0, 212, 255, .07);
}
.py-pkg-card.py-pkg-active::after {
    content: '✓';
    position: absolute;
    top: 50%; right: 14px;
    transform: translateY(-50%);
    font-size: 14px; font-weight: 700;
    color: var(--pkg-color, var(--us-primary));
}
.py-pkg-dot {
    width: 10px; height: 10px;
    border-radius: 50%; flex-shrink: 0;
}
.py-pkg-name {
    font-size: .9rem; font-weight: 600;
    color: var(--us-text); flex: 1;
}
.py-pkg-desc { font-size: .78rem; color: var(--us-text-muted); }
.py-pkg-msg {
    margin-top: 10px; font-size: .84rem;
    padding: 8px 12px; border-radius: 8px; display: none;
}
.py-pkg-msg.success { background: #ecfdf5; color: #065f46; border: 1px solid #6ee7b7; }
.py-pkg-msg.error   { background: #fef2f2; color: #991b1b; border: 1px solid #fca5a5; }
.py-pkg-loading { opacity: .5; pointer-events: none; }

@media (max-width: 500px) {
    .py-pkg-section { padding: 20px; }
}

/* ÇALIŞMA GRUBU – pozisyon düzeltme */
.us-card.us-card--panel {
    display: block !important;
    position: relative !important;
}
.us-card--panel > .us-panel__body,
.us-card--panel > .py-pkg-section {
    display: block !important;
    width: 100% !important;
    position: static !important;
    float: none !important;
    transform: none !important;
}

/* ---------------------------------------------------------------
   TML MOBİL — GİRİŞ / KAYIT OL ÖZEL TEMA (lacivert-mor gradyan, altın vurgu)
   Sadece .us-wrapper--auth / .us-card--auth içinde geçerlidir,
   panel ve diğer ekranların koyu temasını etkilemez.
---------------------------------------------------------------- */
.us-wrapper--auth {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    padding: 48px 16px;
    background: radial-gradient(120% 60% at 50% 0%, #201a44 0%, #120d2e 42%, #07051a 100%);
    align-items: center;
}

/* Dekoratif şekiller — koyu tema için altın/mor parıltılar */
.us-deco { position: absolute; pointer-events: none; z-index: 0; }

.us-deco--circle-tr {
    top: -130px; right: -130px;
    width: 340px; height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245,180,0,.35) 0%, rgba(245,180,0,0) 70%);
    filter: blur(4px);
}
.us-deco--ring-tr1 {
    top: 40px; right: 190px;
    width: 260px; height: 260px;
    border-radius: 50%;
    border: 1.5px solid rgba(245, 180, 0, .18);
}
.us-deco--ring-tr2 {
    top: -10px; right: 140px;
    width: 340px; height: 340px;
    border-radius: 50%;
    border: 1px solid rgba(245, 180, 0, .12);
}
.us-deco--tri-bl {
    left: -80px; bottom: -80px;
    width: 380px; height: 380px;
    background: radial-gradient(circle, rgba(124,58,237,.20) 0%, rgba(124,58,237,0) 70%);
    clip-path: none;
    border-radius: 50%;
    filter: blur(6px);
}
.us-deco--tri-bl-line { display: none; }
.us-deco--dots-tl {
    left: 6%; top: 12%;
    width: 90px; height: 130px;
    background-image: radial-gradient(circle, rgba(255,255,255,.14) 1.6px, transparent 1.8px);
    background-size: 16px 16px;
    opacity: .6;
}
.us-deco--dots-br {
    right: 4%; bottom: 8%;
    width: 90px; height: 130px;
    background-image: radial-gradient(circle, rgba(255,255,255,.14) 1.6px, transparent 1.8px);
    background-size: 16px 16px;
    opacity: .6;
}

@media (max-width: 700px) {
    .us-deco--ring-tr1, .us-deco--ring-tr2 { display: none; }
    .us-deco--dots-tl, .us-deco--dots-br { display: none; }
}

/* Kart */
.us-card--auth {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, rgba(35, 28, 64, .55), rgba(18, 14, 36, .65));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06);
    max-width: 460px;
    backdrop-filter: blur(6px);
}

/* Logo lockup */
.us-card--auth .us-card__header { padding: 44px 40px 8px; }
.us-tml-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-bottom: 26px;
}
.us-tml-row { display: flex; align-items: center; gap: 14px; }
.us-tml-badge {
    width: 66px; height: 66px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd23f, #f5b400);
    display: flex; align-items: center; justify-content: center;
    color: #17171c;
    box-shadow: 0 10px 26px rgba(245, 180, 0, .45);
    flex-shrink: 0;
}
.us-tml-badge svg { width: 30px; height: 30px; }
.us-tml-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -1px;
    line-height: 1;
}
.us-tml-sub {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 7px;
    color: #f5b400;
    margin-left: 3px;
}

.us-card--auth .us-card__title {
    color: #ffffff;
    font-size: 1.7rem;
    font-weight: 800;
}
.us-card--auth .us-card__subtitle { color: #a3a1b8; font-size: .93rem; }

/* Form */
.us-card--auth .us-label { color: #e8e7f0; font-weight: 700; font-size: .85rem; }

.us-card--auth .us-input {
    background: rgba(255, 255, 255, .05);
    border: 1.5px solid rgba(255, 255, 255, .1);
    color: #ffffff;
    border-radius: 13px;
    padding: 15px 16px;
    font-size: .95rem;
}
.us-card--auth .us-input::placeholder { color: #75728f; }
.us-card--auth .us-input:focus {
    border-color: #f5b400;
    box-shadow: 0 0 0 3px rgba(245, 180, 0, .18);
}

/* Sol ikon kutusu */
.us-card--auth .us-input-wrap--icon-left { position: relative; }
.us-card--auth .us-input-icon-box {
    position: absolute; left: 8px; top: 50%; transform: translateY(-50%);
    width: 36px; height: 36px; border-radius: 10px;
    background: rgba(255, 255, 255, .06); color: #b5b3c8;
    display: flex; align-items: center; justify-content: center;
    pointer-events: none;
}
.us-card--auth .us-input-icon-box svg { width: 17px; height: 17px; }
.us-card--auth .us-input--icon-left { padding-left: 56px; }
.us-card--auth .us-input-wrap--icon-left .us-toggle-pw { right: 16px; color: #8583a0; }
.us-card--auth .us-input-wrap--icon-left .us-toggle-pw:hover { color: #f5b400; }
.us-card--auth .us-input-wrap--icon-left .us-input { padding-right: 46px; }

/* Checkbox */
.us-card--auth .us-checkbox { color: #a3a1b8; }
.us-card--auth .us-checkbox__mark {
    border: 1.5px solid rgba(255, 255, 255, .18); border-radius: 6px; background: rgba(255, 255, 255, .05);
}
.us-card--auth .us-checkbox input:checked + .us-checkbox__mark {
    background: #f5b400; border-color: #f5b400; box-shadow: none;
}
.us-card--auth .us-checkbox input:checked + .us-checkbox__mark::after {
    border-color: #14141a;
}

/* Linkler */
.us-card--auth .us-link,
.us-card--auth .us-forgot-link,
.us-card--auth .us-card__footer a {
    color: #f5b400;
    font-weight: 700;
}
.us-card--auth .us-card__footer { color: #8b899e; border-top: 1px solid rgba(255, 255, 255, .08); }

/* Buton */
.us-card--auth .us-btn--primary {
    background: linear-gradient(90deg, #ffd23f, #f5b400);
    color: #14141a;
    font-weight: 800;
    box-shadow: 0 14px 34px rgba(245, 180, 0, .4);
}
.us-card--auth .us-btn--primary:hover {
    background: linear-gradient(90deg, #ffdb5c, #ffbf00);
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(245, 180, 0, .5);
}
.us-card--auth .us-btn--full {
    padding: 17px 26px;
    border-radius: 15px;
    font-size: 1rem;
    justify-content: space-between;
}
.us-btn__arrow { font-size: 1.15rem; line-height: 1; }

/* Divider */
.us-auth-divider {
    display: flex; align-items: center; gap: 10px;
    padding: 0 40px; margin-top: 6px;
}
.us-auth-divider::before,
.us-auth-divider::after {
    content: ''; flex: 1; height: 1px; background: rgba(255, 255, 255, .1);
}
.us-auth-divider__dot { width: 22px; height: 3px; border-radius: 2px; background: #f5b400; }

@media (max-width: 480px) {
    .us-tml-title { font-size: 1.9rem; }
    .us-tml-badge { width: 56px; height: 56px; }
    .us-card--auth .us-card__header { padding: 34px 26px 4px; }
    .us-card--auth .us-form { padding: 8px 24px 24px; }
    .us-card--auth .us-card__footer { padding: 18px 24px; }
}