:root{--bg:#121417;--y1:#181b1f;--y2:#1f2328;--y3:#292e35;--cizgi:#323840;--yazi:#e9e4d8;--sol:#a39f93;--pirinc:#c8a24c;--pirinc2:#e0bd6a;--kirmizi:#e0452f;--yesil:#5fae8a;--muzik:#4f9aa0;--ses:#c8a24c;--r:6px}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--bg);color:var(--yazi);font:15px/1.5 'Barlow',system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
a{color:var(--pirinc2);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.1}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--pirinc2);outline-offset:2px}
.btn{background:var(--y3);border:1px solid var(--cizgi);color:var(--yazi);padding:.5rem .95rem;border-radius:var(--r);cursor:pointer;transition:background .15s,border-color .15s}
.btn:hover{background:#333a43;border-color:#47505b}
.btn.ana{background:var(--pirinc);border-color:var(--pirinc);color:#1a1507;font-weight:600}
.btn.ana:hover{background:var(--pirinc2)}
.btn.kayit{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff;font-weight:600}
.btn.kucuk{padding:.25rem .6rem;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{background:var(--y1);border:1px solid var(--cizgi);border-radius:var(--r);padding:.5rem .65rem;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--pirinc);outline:none}
label{display:block;font-size:13px;color:var(--sol);margin-bottom:.25rem}
.ust{display:flex;align-items:center;gap:1.2rem;padding:.7rem 1.2rem;background:var(--y1);border-bottom:1px solid var(--cizgi)}
.logo{font-family:'Barlow Condensed';font-weight:700;font-size:1.45rem;letter-spacing:.02em;color:var(--yazi)}
.logo i{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--kirmizi);margin-right:.35em;vertical-align:.05em}
.ust nav{display:flex;gap:1rem;flex:1}
.ust nav a{color:var(--sol)}.ust nav a.acik,.ust nav a:hover{color:var(--yazi);text-decoration:none}
.sag{display:flex;align-items:center;gap:.8rem;font-size:14px;color:var(--sol)}
.kota{background:var(--y2);border:1px solid var(--cizgi);border-radius:99px;padding:.2rem .8rem;color:var(--yazi);font-size:13px}
.sayfa{max-width:1100px;margin:0 auto;padding:1.5rem 1.2rem 4rem}
.kart{background:var(--y1);border:1px solid var(--cizgi);border-radius:10px;padding:1.2rem}
.izgara{display:grid;gap:1rem}
.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.sayi{font-family:'Barlow Condensed';font-size:2.4rem;font-weight:600;color:var(--pirinc2)}
.sol{color:var(--sol)}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--cizgi);font-size:14px}
th{color:var(--sol);font-weight:500}
.etiket{display:inline-block;padding:.05rem .55rem;border-radius:99px;font-size:12px;background:var(--y3);border:1px solid var(--cizgi)}
.etiket.p{background:rgba(200,162,76,.15);border-color:var(--pirinc);color:var(--pirinc2)}
#toast{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);background:var(--y3);border:1px solid var(--pirinc);padding:.6rem 1rem;border-radius:var(--r);z-index:99;opacity:0;pointer-events:none;transition:opacity .2s}
#toast.goster{opacity:1}
.sekme{display:flex;gap:.2rem;border-bottom:1px solid var(--cizgi);margin-bottom:1rem;flex-wrap:wrap}
.sekme button{background:none;border:0;padding:.6rem 1rem;color:var(--sol);cursor:pointer;border-bottom:2px solid transparent}
.sekme button.acik{color:var(--yazi);border-color:var(--pirinc)}
.deneme{background:rgba(200,162,76,.12);border-bottom:1px solid var(--pirinc);padding:.35rem 1rem;font-size:13px;text-align:center}
/* giriş sayfası */
.kahraman{display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:center;max-width:1100px;margin:0 auto;padding:4rem 1.2rem 2rem}
.kahraman h1{font-size:clamp(2.6rem,6vw,4.6rem);margin-bottom:1rem}
.kahraman p.alt{color:var(--sol);font-size:1.1rem;max-width:34em}
.konsol{background:var(--y1);border:1px solid var(--cizgi);border-radius:12px;padding:1rem}
.konsol svg{width:100%;height:auto;display:block}
.kapilar{max-width:1100px;margin:0 auto;padding:1rem 1.2rem 4rem}
.kapi{padding:1.2rem}.kapi h3{font-size:1.5rem;margin-bottom:.4rem}.kapi p{color:var(--sol);font-size:14px}
.yakinda{opacity:.6}
.giris-kutu{max-width:400px;padding:1.8rem 1.6rem;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.giris-kutu .alan{margin-bottom:1rem}
.giris-kutu label{display:block;font-size:13px;color:var(--sol);margin-bottom:.3rem}
.giris-kutu input{padding:.75rem .85rem;border-radius:9px;font-size:15px}
.gbaslik{font-size:1.9rem;margin-bottom:.25rem}.galt{color:var(--sol);font-size:14px;margin-bottom:1.3rem}
.sifreKap{position:relative}.sifreKap input{padding-right:4.6rem}
.goz{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--pirinc2);cursor:pointer;font-size:13px;padding:.35rem .5rem;border-radius:6px}.goz:hover{background:var(--y3)}
.gonder{width:100%;padding:.8rem;border-radius:9px;font-size:16px}
.gdeg{text-align:center;margin-top:1rem;font-size:14px}.gnot{text-align:center;color:var(--sol);font-size:12.5px;margin-top:.7rem}
.hata{color:#ff8f7e;font-size:14px;min-height:1.3em;margin:.4rem 0}
@media(max-width:800px){.kahraman{grid-template-columns:1fr;padding-top:2rem}.ust{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
:root{color-scheme:dark}input[type=date]{background:var(--y1);border:1px solid var(--cizgi);border-radius:var(--r);padding:.4rem .5rem}
.logo b{font-weight:700}.logo span{font-weight:500;opacity:.55}
.gbBtn{background:transparent;border:1px solid var(--cizgi);color:var(--yazi);border-radius:8px;padding:.3rem .8rem;font-size:13.5px;cursor:pointer}.gbBtn:hover{border-color:#8fb0e6;color:#1f5fd6}

.ops{opacity:.65;font-weight:400}.ipucu{color:var(--sol);font-size:12.5px;margin-top:.35rem}