.member-page{padding:132px 0 64px;min-height:75vh;background:#fff;color:#16363e}
.member-page h1{font-size:30px;font-weight:750;margin-bottom:24px;letter-spacing:0}
.member-page h2{font-size:20px;font-weight:700;letter-spacing:0}
.member-page .container.member-auth{width:100%;max-width:488px;padding-left:24px;padding-right:24px}
.member-auth-page{padding-top:136px;padding-bottom:80px;min-height:calc(100vh - 100px);background:#fff}
.member-auth-heading{margin-bottom:28px}
.member-brand-mark{display:block;width:48px;height:48px;margin-bottom:20px;border-radius:8px}
.member-auth-heading h1{font-size:30px;line-height:1.25;margin:0 0 10px;color:#17383f}
.member-auth-heading p{font-size:15px;line-height:1.6;color:#66767a;margin:0}
.member-auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dce4e5;margin:0 0 26px}
.member-auth-tabs a{text-align:center;padding:12px 8px;font-size:14px;font-weight:600;color:#758184;border-bottom:2px solid transparent;margin-bottom:-1px}
.member-auth-tabs a[aria-current]{color:#087386;border-bottom-color:#087386}
.member-auth .member-form label:not(.member-check){font-size:14px;color:#324b51;font-weight:600}
.member-auth .member-form .form-control{height:52px;border:1px solid #d2dddf;background:#fafcfc;border-radius:8px;box-shadow:none;padding:12px 14px;font-size:16px;color:#19363d}
.member-auth .member-form .form-control:focus{border-color:#087386;background:#fff;box-shadow:0 0 0 3px rgba(8,115,134,.1)}
.member-auth .member-form .form-control::placeholder{color:#899699;font-size:14px}
.member-auth .member-form .btn-primary{min-height:50px;margin-top:24px!important;border-radius:8px;background:#086779;border:1px solid #086779;box-shadow:none;font-size:15px;font-weight:600}
.member-auth .member-form .btn-primary:hover{background:#075262;border-color:#075262}
.member-auth .member-form .btn-primary:disabled{opacity:.5}
.member-password-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.member-password-label a{font-size:13px;color:#087386}
.member-password-field{position:relative}
.member-auth .member-password-field .form-control{padding-right:54px}
.member-password-toggle{position:absolute;right:4px;top:4px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#677b80;font-size:20px;padding:0}
.member-password-toggle[hidden]{display:none}
.member-password-toggle:hover{background:#eaf1f2;color:#086779}
.member-password-toggle:focus-visible,.member-auth a:focus-visible{outline:2px solid #087386;outline-offset:3px}
.member-auth .member-auth-links{border-top:1px solid #e7eded;padding-top:22px;margin-top:28px;justify-content:center;font-size:13px;text-align:center}
.member-auth .member-auth-links a{color:#64777d;line-height:1.6}
.member-auth .member-auth-links a:hover{color:#086779;text-decoration:underline}
.member-auth .alert{font-size:14px;line-height:1.6;border-radius:8px}
.member-auth .member-check{margin-top:18px;font-size:13px;line-height:1.6}
.member-auth .member-check input{width:16px;height:16px;accent-color:#086779}
.member-form label:not(.member-check){display:block;margin:18px 0 7px;font-weight:600}
.member-form .form-control{min-height:46px;border-radius:6px}
.member-page .btn,.member-route-actions .btn{border-radius:6px;min-height:42px;white-space:normal}
.member-check{display:flex;align-items:flex-start;gap:10px;font-weight:400}
.member-check input{margin-top:5px;flex-shrink:0}
.member-auth-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:14px}
.member-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.member-heading h1{margin-bottom:0}
.member-heading form,.member-route-controls form{margin:0}
.member-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dce6e8;margin-bottom:28px}
.member-tabs a{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#52656b;border-bottom:3px solid transparent}
.member-tabs a.active{color:#087386;border-bottom-color:#087386;font-weight:700}
.member-tabs span{background:#eef3f4;padding:2px 7px;border-radius:4px;font-size:13px}
.member-empty{padding:52px 16px;text-align:center;background:#f6f9fa}
.member-empty>i{display:block;font-size:32px;color:#087386;margin-bottom:16px}
.member-empty h2{margin-bottom:24px}
.member-route{height:100%;border:1px solid #dce6e8;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.member-route>a{color:inherit;display:block}
.member-route img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eef3f4}
.member-route h2{padding:16px;margin:0;overflow-wrap:anywhere;font-size:18px}
.member-route-controls{margin-top:auto;padding:0 16px 16px;display:flex;gap:8px;flex-wrap:wrap}
.member-route-controls select{min-width:0;flex:1;width:150px;font-size:13px;border-radius:6px}
.member-settings{max-width:620px}
.member-settings section{padding:24px 0;border-top:1px solid #dce6e8}
.member-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px}
.member-route-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.member-route-actions form{display:flex;align-items:center;gap:8px;margin:0;flex-wrap:wrap}
.member-route-actions .form-select{width:auto;max-width:100%;min-height:42px}
.member-route-actions .btn{background:#fff;color:#075969;border:1px solid #a8c6cc}
.member-nav-btn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
  border-radius: 50px !important;
  padding: 5px 12px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
}
.member-nav-btn:hover, .member-nav-btn:focus, .member-nav-btn[aria-expanded="true"] {
  background: #e2e8f0 !important;
  color: #087386 !important;
  border-color: #087386 !important;
}
.member-nav-login-btn {
  background: #087386 !important;
  border: 1px solid #087386 !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 6px 14px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all .2s ease !important;
}
.member-nav-login-btn:hover {
  background: #065b6b !important;
  border-color: #065b6b !important;
  color: #fff !important;
  transform: translateY(-1px);
}
.member-header-dropdown {
  position: relative !important;
}
.member-header-dropdown .dropdown-menu,
.member-dropdown-menu {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: 100% !important;
  margin-top: 8px !important;
  transform: none !important;
  border-radius: 12px !important;
  min-width: 225px !important;
  max-width: min(280px, calc(100vw - 20px)) !important;
  padding: 8px 0 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.18) !important;
  border: 1px solid #e2e8f0 !important;
  z-index: 10000 !important;
}
@media (max-width: 575.98px) {
  .member-header-dropdown .dropdown-menu,
  .member-dropdown-menu {
    right: 0 !important;
    left: auto !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.member-dropdown-menu .dropdown-item {
  font-size: 13.5px !important;
  color: #334155 !important;
  transition: background-color .15s ease !important;
}
.member-dropdown-menu .dropdown-item:hover {
  background-color: #f1f5f9 !important;
  color: #087386 !important;
}
.member-dropdown-menu form button.dropdown-item {
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}
.member-route-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
  margin-bottom: 8px;
}
.member-route-actions .btn {
  border-radius: 50px;
  font-size: 13.5px;
  font-weight: 600;
  padding: 6px 14px;
  display: inline-flex;
  align-items: center;
  transition: all .2s ease;
}
@media(max-width:575px){
  .member-page{padding-top:110px}
  .member-page h1{font-size:26px}
  .member-tabs{gap:0}
  .member-tabs a{padding:10px 8px;font-size:13px}
  .member-route-actions{gap:8px}
  .member-route-actions form{max-width:100%}
  .member-auth{padding-left:24px;padding-right:24px}
  .member-nav-login-btn span, .member-name-text{display:none}
}

/* OTP Doğrulama Giriş Alanı */
.otp-input {
  letter-spacing: 10px;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 700;
  text-align: center;
  border-radius: 12px !important;
  border: 2px solid #b7d5db !important;
  background-color: #f7fafb !important;
  color: #031013 !important;
  transition: all .2s ease;
}
.otp-input:focus {
  border-color: #087386 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 4px rgba(8, 115, 134, 0.15) !important;
}

/* Profil İnisiyalleri ve Avatar Stilleri */
.member-initials-badge {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #087386, #0cb3ce);
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(8, 115, 134, 0.2);
}
.member-hero-initials {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: linear-gradient(135deg, #031013, #087386);
  color: #fff;
  font-weight: 800;
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(8, 115, 134, 0.25);
  border: 4px solid #fff;
}
.member-avatar-placeholder {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.member-profile-hero {
  background: linear-gradient(135deg, #f8fbfb 0%, #eef7f8 100%) !important;
  border: 1px solid #d4eff4 !important;
}
.member-settings-container {
  max-width: 1040px !important;
}
.member-route-cover-link {
  text-decoration: none;
  color: inherit;
}
.member-route-cover-link:hover h2 {
  color: #087386;
}

/* Confetti Kutlama Butonu */
.btn-celebrate-gittim {
  position: relative;
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn-celebrate-gittim:active {
  transform: scale(0.96);
}
.celebrate-pop {
  animation: celebratePop 0.4s ease-out;
}
@keyframes celebratePop {
  0% { transform: scale(1); }
  50% { transform: scale(1.12); }
  100% { transform: scale(1); }
}

#header .header-container:has(> .member-header-dropdown) > .logo { order: 1; }
#header .header-container:has(> .member-header-dropdown) > .navmenu { order: 2; }
#header .header-container:has(> .member-header-dropdown) > .header-actions { order: 3; }
#header .member-header-dropdown { order: 4; flex-shrink: 0; }
#header .header-user-actions { order: 4; flex-shrink: 0; }