.paylasim .container, .talep .container { max-width: 640px; }
.paylasim-meta { color: #BDB3CB; margin-top: 6px; }
.paylasim-beats { list-style: none; margin: 28px 0 8px; padding: 0; display: grid; gap: 12px; text-align: left; }
.paylasim-beat { padding: 14px 16px; border-radius: 16px; background: rgba(33,27,50,.7); border: 1px solid #3A2F4A; }
.paylasim-beat.nadir-rare { border-color: rgba(79,227,236,.45); }
.paylasim-beat.nadir-legendary { border-color: rgba(244,213,138,.6); }
.paylasim-beat-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.paylasim-ad { font-weight: 700; color: #F7F2FA; }
.paylasim-yuzde { font-weight: 700; color: #F4D58A; font-variant-numeric: tabular-nums; }
.paylasim-guc { display: block; font-size: 13px; color: #BDB3CB; margin-top: 2px; }
.paylasim-cubuk { display: block; height: 6px; margin-top: 10px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; }
.paylasim-cubuk i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #F25BC4, #4FE3EC); }
.paylasim-cubuk .w-0 { width: 0%; }
.paylasim-cubuk .w-5 { width: 5%; }
.paylasim-cubuk .w-10 { width: 10%; }
.paylasim-cubuk .w-15 { width: 15%; }
.paylasim-cubuk .w-20 { width: 20%; }
.paylasim-cubuk .w-25 { width: 25%; }
.paylasim-cubuk .w-30 { width: 30%; }
.paylasim-cubuk .w-35 { width: 35%; }
.paylasim-cubuk .w-40 { width: 40%; }
.paylasim-cubuk .w-45 { width: 45%; }
.paylasim-cubuk .w-50 { width: 50%; }
.paylasim-cubuk .w-55 { width: 55%; }
.paylasim-cubuk .w-60 { width: 60%; }
.paylasim-cubuk .w-65 { width: 65%; }
.paylasim-cubuk .w-70 { width: 70%; }
.paylasim-cubuk .w-75 { width: 75%; }
.paylasim-cubuk .w-80 { width: 80%; }
.paylasim-cubuk .w-85 { width: 85%; }
.paylasim-cubuk .w-90 { width: 90%; }
.paylasim-cubuk .w-95 { width: 95%; }
.paylasim-cubuk .w-100 { width: 100%; }
.paylasim-semboller { margin-top: 20px; }
.paylasim-semboller h2 { font-size: 15px; color: #BDB3CB; font-weight: 600; margin: 0 0 10px; }
.paylasim-semboller ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.paylasim-semboller li { padding: 4px 12px; border-radius: 999px; border: 1px solid #3A2F4A; color: #F7F2FA; font-size: 14px; }
.paylasim-cta { margin-top: 28px; }
.paylasim-geri { margin-top: 20px; }
.paylasim-bildir { margin-top: 28px; text-align: left; color: #BDB3CB; }
.paylasim-bildir summary { cursor: pointer; text-align: center; font-size: 14px; }
.paylasim-bildir form, .talep-form { display: grid; gap: 8px; margin-top: 14px; text-align: left; }
.paylasim-bildir label, .talep-form label { font-weight: 600; color: #F7F2FA; font-size: 14px; margin-top: 6px; }
.paylasim-bildir select, .paylasim-bildir textarea, .talep-form input, .talep-form textarea {
  width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 12px; border: 1px solid #3A2F4A;
  background: #121020; color: #F7F2FA; font: inherit; }
.paylasim-bildir select:focus, .paylasim-bildir textarea:focus, .talep-form input:focus, .talep-form textarea:focus {
  outline: 2px solid #4FE3EC; outline-offset: 1px; }
.talep-form small { color: #81778F; font-size: 12px; }
.talep-form button, .paylasim-bildir button { margin-top: 10px; justify-self: start; }
.paylasim-tamam { margin-top: 24px; color: #4FE3EC; }
.talep-hata { margin: 16px 0 0; padding: 10px 14px; border-radius: 12px; background: rgba(242,91,196,.12); border: 1px solid rgba(242,91,196,.4); color: #FFD6F1; }