:root{
  --paper:#f4ecdc;--paper-2:#ebe0c9;--ink:#1b1714;--muted:#6d6257;--line:#1b1714;
  --red:#d62828;--red-dark:#a61c1c;--green:#2a7a3b;--yellow:#f2c230;
  --mono:"Courier New",Consolas,monospace;
  --display:"Archivo Black","Arial Black",Impact,sans-serif;
  --body:"Rubik","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(#0000000a 1px,transparent 1px);background-size:4px 4px}
::selection{background:var(--yellow)}
a{color:inherit}
img{max-width:100%}
.wrap{width:min(1120px,100%);margin:auto;padding:0 24px}

/* Kayan bant */
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;font:13px/1 var(--mono);border-bottom:3px solid var(--red)}
.ticker-track{display:inline-flex;gap:42px;padding:11px 0;animation:ticker 38s linear infinite}
.ticker b{color:var(--yellow);font-weight:700}
.up{color:#6fdc84}.down{color:#ff6b6b}
@keyframes ticker{to{transform:translateX(-50%)}}

/* Üst kısım */
.masthead{border-bottom:3px double var(--line);padding:22px 0 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.logo{font:clamp(30px,5vw,46px)/1 var(--display);letter-spacing:-1px;text-decoration:none;text-transform:uppercase}
.logo span{color:var(--red)}
.masthead-note{font:12px/1.4 var(--mono);color:var(--muted);text-align:right;text-transform:uppercase;letter-spacing:1px}
.nav{display:flex;gap:22px;padding:12px 0;border-bottom:1px solid var(--line);font:13px var(--mono);text-transform:uppercase;letter-spacing:1px;flex-wrap:wrap}
.nav a{text-decoration:none}
.nav a:hover{color:var(--red);text-decoration:underline}

/* Genel parçalar */
.kicker{display:inline-block;background:var(--red);color:#fff;font:700 12px/1 var(--mono);letter-spacing:2px;text-transform:uppercase;padding:7px 10px;transform:rotate(-1.5deg)}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.5px;line-height:1.05;margin:0}
h2{font-size:clamp(26px,4vw,38px);text-transform:uppercase}
.section{padding:56px 0;border-bottom:3px double var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.section-head p{margin:0;color:var(--muted);font:13px var(--mono)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);font:700 14px var(--mono);text-transform:uppercase;letter-spacing:1px;padding:14px 20px;text-decoration:none;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--red);cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--red)}
.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--red)}
.btn.ghost{background:transparent;color:var(--ink)}
.stamp{display:inline-block;border:4px solid var(--red);color:var(--red);font:700 20px/1 var(--mono);letter-spacing:3px;text-transform:uppercase;padding:10px 14px;transform:rotate(-8deg);opacity:.88;mix-blend-mode:multiply;border-radius:4px}

/* Ana sayfa hero */
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:56px 0;border-bottom:3px double var(--line)}
.hero h1{font-size:clamp(44px,8vw,96px);text-transform:uppercase;margin:20px 0 18px;letter-spacing:-2px}
.hero h1 em{font-style:normal;color:var(--red)}
.hero-lead{font-size:18px;max-width:540px;margin:0 0 28px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-box{border:3px solid var(--ink);background:#fffaf0;padding:26px;box-shadow:10px 10px 0 var(--ink);position:relative}
.hero-box h3{font-size:20px;text-transform:uppercase;margin-bottom:14px}
.hero-box ol{margin:0;padding-left:20px}
.hero-box li{margin:8px 0}
.hero-box .stamp{position:absolute;right:-14px;top:-22px;font-size:14px;background:var(--paper)}

/* Kart listesi */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.card{display:block;border:3px solid var(--ink);background:#fffaf0;text-decoration:none;position:relative;transition:transform .2s,box-shadow .2s;box-shadow:6px 6px 0 var(--ink)}
.card:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:10px 10px 0 var(--red)}
.card-photo{aspect-ratio:4/3;background:var(--paper-2);border-bottom:3px solid var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}
.card-photo .initials{font:clamp(70px,10vw,110px)/1 var(--display);color:var(--ink);opacity:.9}
.card-photo .stamp{position:absolute;bottom:18px;right:14px;font-size:15px;background:#fffaf0cc}
.card-body{padding:18px 20px 20px}
.card-body h3{font-size:26px;text-transform:uppercase}
.card-title{font:13px var(--mono);color:var(--muted);margin:6px 0 14px;text-transform:uppercase;letter-spacing:1px}
.card-meta{display:flex;justify-content:space-between;font:700 13px var(--mono);border-top:1px dashed var(--ink);padding-top:12px}
.card.soon{border-style:dashed;box-shadow:none;background:transparent;display:grid;place-items:center;text-align:center;min-height:380px;padding:30px}
.card.soon:hover{transform:none}
.card.soon .q{font:120px/1 var(--display);color:var(--red)}

/* Aday göster */
.nominate{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.nominate ul{padding-left:20px;margin:16px 0 0}
.nominate li{margin:6px 0}

.ihbar{border:3px solid var(--ink);background:#fffaf0;padding:30px 24px 24px;box-shadow:10px 10px 0 var(--ink);position:relative;display:grid;gap:14px}
.ihbar .stamp{position:absolute;right:-10px;top:-24px;font-size:14px;background:var(--paper)}
.ihbar label{display:grid;gap:6px;font:700 12px var(--mono);text-transform:uppercase;letter-spacing:1px}
.ihbar input,.ihbar textarea{font:16px var(--body);color:var(--ink);background:#fff;border:2px solid var(--ink);padding:10px 12px;border-radius:0;width:100%}
.ihbar input:focus,.ihbar textarea:focus{outline:3px solid var(--yellow);outline-offset:0}
.ihbar textarea{resize:vertical}
.ihbar-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ihbar .check{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:400;font-size:13px}
.ihbar .check input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:var(--red)}
.ihbar .btn{justify-self:start}
.ihbar .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ihbar-note{font:12px var(--mono);color:var(--muted);margin:0}
.ihbar-msg{font:700 14px/1.4 var(--mono);padding:12px 14px;border:2px solid currentColor}
.ihbar-msg.ok{color:var(--green);background:#e8f3e4}
.ihbar-msg.err{color:var(--red);background:#fbe6e3}

/* Profil */
.crumbs{font:13px var(--mono);padding:16px 0;color:var(--muted)}
.crumbs a{color:var(--ink)}
.profile{display:grid;grid-template-columns:380px 1fr;gap:48px;padding:20px 0 56px;border-bottom:3px double var(--line)}
.poster{border:3px solid var(--ink);background:#fffaf0;padding:20px;box-shadow:10px 10px 0 var(--ink);text-align:center;position:relative;align-self:start}
.poster-top{font:28px/1 var(--display);text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid var(--ink);padding-bottom:12px}
.poster-photo{aspect-ratio:1;margin:18px 0;background:var(--paper-2);border:3px solid var(--ink);display:grid;place-items:center;position:relative;overflow:hidden;filter:sepia(.25)}
.poster-photo .initials{font:140px/1 var(--display)}
.poster-photo img{width:100%;height:100%;object-fit:cover}
.poster-photo .stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-14deg);font-size:22px;background:#fffaf0ee;white-space:nowrap;mix-blend-mode:normal;opacity:1;z-index:2;box-shadow:0 0 0 3px #fffaf0ee}
.poster-name{font:34px/1 var(--display);text-transform:uppercase}
.poster-alias{font:14px var(--mono);color:var(--muted);margin-top:8px}
.reward{margin-top:18px;border-top:3px solid var(--ink);padding-top:14px;font:700 15px/1.4 var(--mono);text-transform:uppercase}
.reward strong{display:block;font:30px/1.1 var(--display);color:var(--red)}
.profile h1{font-size:clamp(40px,6vw,72px);text-transform:uppercase;letter-spacing:-1.5px;margin:16px 0 10px}
.profile-sub{font:15px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 24px}
.bio{font-size:18px;max-width:640px}
.bio p{margin:0 0 14px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border:3px solid var(--ink);background:#fffaf0;margin-top:30px}
.stat{padding:18px 16px;border-right:1px solid var(--ink)}
.stat:last-child{border-right:0}
.stat-num{font:32px/1 var(--display)}
.stat-num.red{color:var(--red)}
.stat-label{font:12px/1.35 var(--mono);text-transform:uppercase;color:var(--muted);margin-top:8px}

/* Sözler */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.quote{background:#fffaf0;border:3px solid var(--ink);padding:22px;position:relative;box-shadow:5px 5px 0 var(--ink)}
.quote:nth-child(2n){transform:rotate(.8deg)}
.quote:nth-child(3n){transform:rotate(-.8deg)}
.quote p{font:22px/1.2 var(--display);margin:0 0 14px}
.quote p:before{content:"“";color:var(--red)}
.quote p:after{content:"”";color:var(--red)}
.quote small{font:12px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.quote .tr{display:block;margin-top:10px;border-top:1px dashed var(--ink);padding-top:10px;font:13px/1.4 var(--mono);color:var(--ink);text-transform:none;letter-spacing:0}
.quote .tr b{color:var(--red)}

/* Vaat sicili */
.ledger{width:100%;border-collapse:collapse;background:#fffaf0;border:3px solid var(--ink);font-size:15px}
.ledger th{background:var(--ink);color:var(--paper);font:700 12px var(--mono);text-transform:uppercase;letter-spacing:1px;text-align:left;padding:12px 14px}
.ledger td{padding:14px;border-top:1px solid var(--ink);vertical-align:top}
.ledger td:first-child{font:13px var(--mono);white-space:nowrap}
.badge{display:inline-block;font:700 11px/1 var(--mono);text-transform:uppercase;letter-spacing:1px;padding:6px 8px;border:2px solid currentColor;white-space:nowrap}
.badge.no{color:var(--red)}
.badge.wait{color:#b07d00}
.badge.yes{color:var(--green)}

/* Grafik */
.chart{border:3px solid var(--ink);background:#fffaf0;padding:24px}
.bar-row{display:grid;grid-template-columns:170px 1fr 60px;gap:14px;align-items:center;margin:12px 0;font:14px var(--mono)}
.bar{height:26px;background:var(--paper-2);border:2px solid var(--ink);position:relative;overflow:hidden}
.bar i{position:absolute;inset:0 auto 0 0;background:var(--ink);width:0;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.bar.red i{background:var(--red)}
.bar-row b{text-align:right}
.chart-note{font:12px var(--mono);color:var(--muted);margin:16px 0 0}

/* Vaat üretici */
.generator{background:var(--ink);color:var(--paper);padding:40px;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--red);text-align:center}
.generator h2{color:var(--yellow)}
.gen-out{font:clamp(24px,3.6vw,38px)/1.2 var(--display);margin:26px auto;max-width:780px;min-height:2.4em;display:grid;place-items:center}
.generator .btn{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:5px 5px 0 var(--red)}
.gen-count{font:12px var(--mono);color:#b9ad9d;margin-top:18px}

/* Rozetler */
.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.medal{text-align:center;background:#fffaf0;border:3px solid var(--ink);padding:22px 14px}
.medal-icon{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);display:grid;place-items:center;font:30px/1 var(--display);box-shadow:inset 0 -6px 0 #0002}
.medal h3{font-size:16px;text-transform:uppercase}
.medal p{font:12px/1.4 var(--mono);color:var(--muted);margin:8px 0 0}

/* Alt bilgi */
.disclaimer{background:var(--yellow);border:3px solid var(--ink);padding:18px 22px;margin:40px 0 0;font:14px/1.5 var(--mono)}
footer{padding:30px 0 40px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:13px var(--mono);color:var(--muted)}
footer a{color:var(--ink)}

.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.js .reveal.in{opacity:1;transform:none}

@media(max-width:900px){
  .hero,.nominate,.profile{grid-template-columns:1fr}
  .profile{gap:36px}
  .poster{max-width:420px;width:100%;margin:auto}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--ink)}
  .quotes{grid-template-columns:1fr 1fr}
  .badges{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .wrap{padding:0 16px}
  .masthead-note{text-align:left}
  .quotes{grid-template-columns:1fr}
  .ledger thead{display:none}
  .ledger,.ledger tbody,.ledger tr,.ledger td{display:block;width:100%}
  .ledger tr{border-top:3px solid var(--ink);padding:6px 0}
  .ledger tr:first-child{border-top:0}
  .ledger td{border-top:0;padding:6px 14px}
  .bar-row{grid-template-columns:1fr 54px}
  .bar-row span{grid-column:1/-1;margin-bottom:-8px}
  .generator{padding:28px 18px}
  .ihbar-row{grid-template-columns:1fr}
  .ihbar .stamp{right:6px}
  .hero-box .stamp{right:6px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
}