.yapayzekadizi-account { padding-block:65px 85px;min-height:75vh }

.yapayzekadizi-account-intro h1 { font-size:clamp(36px,4vw,54px);max-width:510px }

.yapayzekadizi-account-intro p { max-width:410px;color:#aaaab8;font-size:15px }

.yapayzekadizi-account-avatars { display:flex;gap:12px;margin-top:38px }

.yapayzekadizi-account-avatars img { width:64px;height:64px;border-radius:4px }

.yapayzekadizi-account h2 { font-size:28px;margin-bottom:28px }

.yapayzekadizi-form>input,.yapayzekadizi-form>select,.yapayzekadizi-form>textarea,.yapayzekadizi-form [data-auth-credentials]>input,.yapayzekadizi-form [data-auth-code]>input { margin-bottom:21px }

.yapayzekadizi-auth-switch { font-size:13px;color:#a3a3b2;margin:24px 0 12px }

.yapayzekadizi-auth-switch a { color:var(--yapayzekadizi-accent) }

.yapayzekadizi-account-links { display:flex;gap:15px;flex-wrap:wrap;margin-block:30px }

.yapayzekadizi-delete-section { margin-top:45px;color:#c9b4bd;font-size:12px }

.yapayzekadizi-delete-section summary { cursor:pointer;min-height:44px }

.yapayzekadizi-delete-section input { margin-bottom:15px }

.yapayzekadizi-profiles-page { text-align:center;padding-block:65px 80px;min-height:72vh }

.yapayzekadizi-profiles-page h1 { font-size:clamp(38px,5vw,62px);margin-bottom:20px }

.yapayzekadizi-profiles-page>p { color:#a5a5b4;font-size:14px }

.yapayzekadizi-profile-grid { display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin:50px 0 30px }

.yapayzekadizi-profile>button:first-child { border:0;padding:0;background:none;color:inherit;display:block;width:100% }

.yapayzekadizi-profile img { width:150px;height:150px;aspect-ratio:1;object-fit:cover;border-radius:4px;transition:transform .2s }

.yapayzekadizi-profile>button:first-child:hover img { transform:translateY(-5px) }

.yapayzekadizi-profile strong { display:block;font-weight:500;margin:14px 0 0;font-size:15px }

.yapayzekadizi-profile .yapayzekadizi-text-button { font-size:11px;color:#9a9aaa }

.yapayzekadizi-profile-add { width:150px;height:150px;background:#23232d;border:0;border-radius:4px;color:#aaaabb;font-size:50px }

.yapayzekadizi-dialog { color:var(--yapayzekadizi-foreground);background:#1b1b23;border:0;border-radius:6px;padding:30px;width:min(490px,calc(100% - 28px));max-height:90dvh;overflow:auto;text-align:start }

.yapayzekadizi-dialog::backdrop { background:#000a;backdrop-filter:blur(6px) }

.yapayzekadizi-dialog-heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:10px }

.yapayzekadizi-dialog-heading h2 { font-size:24px;margin:0 }

.yapayzekadizi-dialog fieldset { border:0;padding:0;margin:0 0 25px }

.yapayzekadizi-avatar-options { display:flex;gap:12px;justify-content:space-between }

.yapayzekadizi-avatar-options label { position:relative;cursor:pointer }

.yapayzekadizi-avatar-options input { position:absolute;opacity:0;width:100%;height:100%;margin:0 }

.yapayzekadizi-avatar-options img { width:64px;aspect-ratio:1;border-radius:3px }

.yapayzekadizi-avatar-options input:checked+img { outline:3px solid var(--yapayzekadizi-accent);outline-offset:3px }

.yapayzekadizi-avatar-options input:focus-visible+img { outline:2px dashed #fff;outline-offset:5px }

.yapayzekadizi-request-page { padding-block:65px 80px;max-width:680px;min-height:70vh }

.yapayzekadizi-request-page h1 { font-size:48px }

.yapayzekadizi-request-page>p { font-size:15px;color:#a5a5b4;margin-bottom:38px }

@media(max-width:991px) {
  .yapayzekadizi-account { padding-top:55px }
  .yapayzekadizi-account-intro h1 { max-width:600px }
  .yapayzekadizi-account-intro { margin-bottom:0 }
  .yapayzekadizi-account-avatars { margin-top:22px }
  .yapayzekadizi-profile-grid { gap:24px }
  .yapayzekadizi-profile img,.yapayzekadizi-profile-add { width:125px;height:125px }
}

@media(max-width:767px) {
  .yapayzekadizi-account { padding:45px 24px 60px }
  .yapayzekadizi-account-intro h1 { font-size:40px;margin-bottom:20px }
  .yapayzekadizi-account-intro p { font-size:13px }
  .yapayzekadizi-account-avatars { gap:9px;margin-top:24px }
  .yapayzekadizi-account-avatars img { width:50px;height:50px }
  .yapayzekadizi-account h2 { font-size:26px }
  .yapayzekadizi-profiles-page { padding:50px 22px 60px }
  .yapayzekadizi-profile-grid { gap:20px;margin-top:36px }
  .yapayzekadizi-profile img,.yapayzekadizi-profile-add { width:120px;height:120px }
  .yapayzekadizi-dialog { padding:24px 20px }
  .yapayzekadizi-avatar-options { gap:9px }
  .yapayzekadizi-avatar-options img { width:51px }
  .yapayzekadizi-request-page { padding:50px 24px 65px }
  .yapayzekadizi-request-page h1 { font-size:38px }
}

@media(max-width:380px) {
  .yapayzekadizi-avatar-options img { width:44px }
  .yapayzekadizi-account-avatars img { width:45px;height:45px }
}
