*{box-sizing:border-box;margin:0;padding:0}body{color:#e8ecf4;background:#0b0f18;padding:24px 16px 60px;font-family:Segoe UI,system-ui,sans-serif}#uygulama{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;display:flex}.baslik{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.baslik h1{font-size:22px}.baslik span{opacity:.6;font-size:14px}.kart{background:#141a26;border:1px solid #22293a;border-radius:14px;padding:18px}.kart h2{letter-spacing:.3px;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:700;display:flex}.kart h2 svg{opacity:.75}.kart--giris{flex-direction:column;gap:14px;max-width:380px;margin:60px auto;display:flex}.kart--giris h1{font-size:20px}.satir{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.dugmeler{gap:8px}label{opacity:.85;flex-direction:column;gap:5px;font-size:13px;display:flex}label.onay{flex-direction:row;align-items:center;gap:8px}input,select,textarea{color:#e8ecf4;font:inherit;background:#0e131d;border:1px solid #2a3244;border-radius:8px;width:100%;padding:8px 10px;font-size:14px}input[type=color]{height:38px;padding:3px}input[type=checkbox]{width:auto}textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:13px}button{color:#fff;font:inherit;cursor:pointer;background:#2f8fed;border:0;border-radius:8px;align-items:center;gap:6px;padding:9px 15px;font-weight:600;display:inline-flex}button:hover{filter:brightness(1.08)}button.ikincil{color:#cdd6e6;background:0 0;border:1px solid #2a3244}.ayarlar{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 16px;display:grid}.ayarlar label.genis{grid-column:1/-1}.rozet{color:#cdd6e6;background:#2a3244;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.rozet--bagli{color:#2ecc71;background:#2ecc712e}.rozet--bekliyor{color:#f0a500;background:#f0a5002e}.rozet--hata{color:#e8384f;background:#e8384f2e}.ipucu{opacity:.6;margin-top:8px;font-size:12.5px;line-height:1.5}.bildirim{z-index:10;background:#182132;border:1px solid #2ecc71;border-radius:10px;padding:11px 16px;font-size:14px;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #00000073}.bildirim--hata{border-color:#e8384f}.gizli{display:none!important}@media (width<=760px){.satir{flex-direction:column;align-items:stretch}.ayarlar{grid-template-columns:1fr}.ayarlar label{grid-column:1/-1}}