:root{--bordo:#5A0E18;--gold:#D4AF37;--bg:#121212;--card:#1b1618;--line:#3a2a2d;--txt:#ece6dc;--mut:#9d9288}
*{box-sizing:border-box;margin:0}
body{background:radial-gradient(circle at 50% -10%,#3a0a12 0,#121212 55%) fixed;color:var(--txt);font:400 15px/1.7 Poppins,sans-serif;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}h1,h2,h3,.brand span{font-family:Cinzel,serif}a{color:inherit;text-decoration:none}img{max-width:100%}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 5%;background:rgba(18,18,18,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}
.brand span{color:var(--gold);font-weight:700;letter-spacing:.12em}
nav{display:flex;gap:6px;align-items:center}nav a{padding:6px 12px;border-radius:6px;color:var(--mut);transition:.2s}nav a:hover,nav a.on{color:var(--gold)}
nav a.pill{border:1px solid var(--gold);color:var(--gold);margin-left:8px}nav a.pill:hover{background:var(--gold);color:#121212}
.burger{display:none;background:none;border:0;color:var(--gold);font-size:26px;cursor:pointer}
.hero{text-align:center;padding:70px 5% 60px}.hero-logo{width:min(260px,60vw);border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 70px rgba(212,175,55,.25);animation:rise 1s ease both}
.hero h1{font-size:clamp(2.4rem,7vw,4.6rem);color:var(--gold);letter-spacing:.14em;margin-top:26px;font-weight:900}
.lead{color:var(--mut);font-size:1.15rem;margin:6px 0 28px}
@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.wrap{max-width:1100px;margin:0 auto;padding:30px 5%}.narrow{max-width:720px}
.sec{color:var(--gold);margin:20px 0 14px;font-size:1.5rem}.sec.big{font-size:2.2rem}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:10px 0}
.btn{display:inline-block;background:var(--gold);color:#121212;border:1px solid var(--gold);padding:10px 22px;border-radius:6px;font:600 14px Poppins;cursor:pointer;transition:.2s}
.btn:hover{background:#f0cf5c}.btn.ghost{background:none;color:var(--gold)}.btn.ghost:hover{background:rgba(212,175,55,.12)}.btn.danger{background:none;border-color:#a33;color:#e66;padding:6px 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:18px}.grid .card{margin:0}
.card.link:hover{border-color:var(--gold);transform:translateY(-3px);transition:.2s}
.card small,small{color:var(--mut);display:block}.card h3{margin:4px 0}.muted{color:var(--mut)}
.tag{display:inline-block;font-size:12px;color:var(--gold);border:1px solid var(--bordo);background:var(--bordo);padding:1px 10px;border-radius:20px}
.meet{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:12px;background:linear-gradient(120deg,var(--bordo),#2b0710);border:1px solid var(--gold)}
.meet h2{color:var(--gold)}.meet-info b{display:block;font:700 1.6rem Cinzel;color:var(--gold)}
.member{text-align:center}.member>img,.avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 10px;border:2px solid var(--gold)}
.avatar{display:grid;place-items:center;background:var(--bordo);color:var(--gold);font:700 2.4rem Cinzel}.avatar.sm{width:42px;height:42px;font-size:1.1rem;margin:0}
.form{display:flex;flex-direction:column;gap:10px}
input,select,textarea{background:#0e0b0c;color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:inherit;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:transparent}
.err{color:#ff7a7a}.login{text-align:center}.login img{width:90px;border-radius:50%;margin:0 auto}
.post .who{display:flex;gap:12px;align-items:center;margin-bottom:10px}.who img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.shot{width:100%;border-radius:8px;margin:6px 0}.like{background:none;border:1px solid var(--line);color:var(--gold);border-radius:20px;padding:4px 14px;cursor:pointer;margin-top:8px}.like.on{background:var(--bordo)}
.out{display:block;margin-top:14px;padding:14px;border:1px dashed var(--gold);border-radius:8px;min-height:50px;word-break:break-word;font-size:1.1rem;letter-spacing:.08em}
.check{display:flex;gap:10px;align-items:center;padding:6px 0;cursor:pointer}.check input{width:auto}
.bar{height:8px;background:#0e0b0c;border-radius:8px;margin:14px 0 4px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--gold);transition:.3s}
.opt{display:block;width:100%;text-align:left;margin:8px 0;background:#0e0b0c;color:var(--txt);border:1px solid var(--line);padding:10px 14px;border-radius:6px;cursor:pointer;font:inherit}
.opt:hover{border-color:var(--gold)}.opt.ok{background:#14351f;border-color:#3c9}.opt.no{background:#3a1216;border-color:#e55}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.75);display:none;place-items:center;padding:20px}.modal.show{display:grid}
.modal-box{background:var(--card);border:1px solid var(--gold);border-radius:14px;padding:30px;max-width:440px;text-align:center;animation:rise .5s ease}.modal-box img{width:90px;border-radius:50%;margin-bottom:10px}.modal-box h2{color:var(--gold);margin-bottom:8px}.modal-box .btn{margin-top:16px}
.panel-top{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:24px}
.tabs a{padding:10px 18px;color:var(--mut);border-bottom:2px solid transparent}.tabs a.on{color:var(--gold);border-color:var(--gold)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.row span b{display:block}
.stat{text-align:center;color:var(--mut)}.stat b{display:block;font:700 2.2rem Cinzel;color:var(--gold)}
.radio{display:flex;gap:8px;align-items:center}.radio input{width:auto}.prev{width:90px;border-radius:50%}
footer{margin-top:50px;padding:26px 5%;border-top:1px solid var(--line);text-align:center;color:var(--mut)}footer img{width:50px;border-radius:50%;margin-bottom:6px}
.fx{position:fixed;top:-30px;z-index:90;pointer-events:none;animation:fall linear forwards}
@keyframes fall{to{transform:translate(var(--dx),110vh) rotate(360deg)}}
@media(max-width:820px){.burger{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#121212;padding:12px;border-bottom:1px solid var(--line)}body.open nav{display:flex}.cols{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.flash{background:#14351f;border:1px solid #3c9;color:#9fe3c0;padding:10px 14px;border-radius:8px;margin-bottom:16px}
.tag.off{background:none;border-color:var(--line);color:var(--mut);margin-left:6px}
.login-note{text-align:center}.login-note .btn{margin-top:8px}
.post .who{position:relative}.del{margin-left:auto}.del button{background:none;border:0;color:var(--mut);cursor:pointer;font-size:16px}.del button:hover{color:#e66}
body{background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--bordo) 70%,#000) 0,var(--bg) 55%) fixed}
.nav{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.tag.acil{background:#7a1010;color:#ffb3b3;border-color:#a33}.tag.etkinlik{background:#12351f;color:#9fe3c0;border-color:#2a7}
.cover{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:10px}.cover.big{height:280px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:10px}.gal img{width:100%;height:130px;object-fit:cover;border-radius:8px}
.next{margin-top:18px;display:block;border-color:var(--gold)}.next .cd{display:block;color:var(--gold);font:700 1.2rem Cinzel;margin-top:6px}
.about{text-align:center}.about .hero-logo{width:180px}.about .card{text-align:left}
.soc{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:8px}.soc a{color:var(--gold)}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs label{font-size:12px;color:var(--mut);display:flex;flex-direction:column;align-items:center;gap:4px}.thumbs img{width:70px;height:70px;object-fit:cover;border-radius:6px}.thumbs input{width:auto}
.form label.lbl{color:var(--mut);font-size:13px;margin-bottom:-6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form input[type=color]{padding:2px;height:42px}
.acts{display:flex;gap:6px;align-items:center}.btn.sm{padding:6px 14px}
.ring>img,.ring>.avatar,.who.ring>img,.who.ring>.avatar{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--gold),0 0 18px var(--gold)}
.lb{list-style:none;padding:0;margin:10px 0 0}.lb li{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line)}.lb li:first-child b{color:var(--gold)}.lb[hidden]{display:none}
.tabs.mini{margin:6px 0 0}.reward{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.reward.lock{opacity:.5}.reward b{display:block}
textarea.mono{font-family:monospace;font-size:13px}

.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:10px}.vids video{width:100%;border-radius:10px;background:#000}
.yt{position:relative;padding-top:56.25%}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:10px}
.doc{display:flex;gap:14px;align-items:flex-start}.doc .ico{font-size:2rem}.doc h3{font-size:1.05rem}
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.9);display:grid;place-items:center;cursor:zoom-out;padding:20px}.lightbox img{max-width:100%;max-height:100%;border-radius:8px}

.result{text-align:center}.res-img{width:min(420px,100%);border-radius:14px;border:2px solid var(--gold);margin:12px auto}.emoji-big{font-size:5.5rem;line-height:1.2}
.bd{margin:18px 0;text-align:left}.bdrow{display:grid;grid-template-columns:140px 1fr 44px;gap:10px;align-items:center;font-size:13px}.bdrow .bar{margin:0}.bdrow b{text-align:right;color:var(--gold)}
.survey-cta{display:flex;align-items:center;gap:16px;border-color:var(--gold)}.survey-cta .ico{font-size:2.2rem}.survey-cta div{flex:1}
.chk-h{color:var(--gold);font-size:.95rem;margin:14px 0 2px}
.opt-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:6px}@media(max-width:820px){.opt-row{grid-template-columns:1fr}.bdrow{grid-template-columns:100px 1fr 40px}}

.badge{display:inline-block;min-width:18px;padding:0 6px;border-radius:10px;background:#c0392b;color:#fff;font-size:11px;line-height:18px;text-align:center}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.privacy{max-height:130px;overflow:auto;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#0e0b0c;font-size:13px;color:var(--mut)}