:root{
  --bg: #F3EEE4;
  --bg-soft: #EAE3D3;
  --ink: #26251F;
  --ink-soft: #58554A;
  --pine: #2F3B2A;
  --pine-light: #435239;
  --saffron: #E0932B;
  --saffron-deep: #C97A1A;
  --sage: #7C8F6B;
  --card: #FFFDF8;
  --line: #DCD3BC;
  --radius: 18px;
  --red: #B3402C;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Plus Jakarta Sans',-apple-system,sans-serif;line-height:1.5;}
h1,h2,h3{font-family:'Fraunces',serif;margin:0;color:var(--pine);}
.mono{font-family:'IBM Plex Mono',monospace; letter-spacing:.02em;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
img{max-width:100%;display:block;}
section{position:relative;}

/* ---- Header ---- */
header.site-header{background:var(--bg);padding:20px 0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:700;font-size:22px;color:var(--pine);}
.logo .tag-hole{width:34px;height:34px;border-radius:50% 50% 8px 50%;background:var(--saffron);position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);flex-shrink:0;overflow:hidden;}
.logo .tag-hole::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--bg);position:absolute;top:6px;left:6px;}
.logo .tag-hole span{color:#fff;font-size:15px;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif;}
.logo .tag-hole img{width:100%;height:100%;object-fit:cover;}
nav.links{display:flex;gap:26px;font-weight:600;font-size:14.5px;color:var(--ink-soft);flex-wrap:wrap;}
nav.links a:hover{color:var(--pine);}
.nav-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;}

.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:100px;cursor:pointer;border:none;font-family:inherit;}
.btn-primary{background:var(--saffron);color:#fff;}
.btn-primary:hover{background:var(--saffron-deep);}
.btn-ghost{background:transparent;color:var(--pine);border:1.5px solid var(--pine);}
.btn-ghost:hover{background:var(--pine);color:#fff;}
.btn-danger{background:var(--red);color:#fff;}
.btn-sm{padding:8px 15px;font-size:13px;}
.btn-lg{padding:15px 28px;font-size:15.5px;}
button.btn{}

/* ---- Hero ---- */
.hero{padding:72px 0 84px;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:600;color:var(--saffron-deep);background:#FBEBD3;padding:6px 14px;border-radius:100px;margin-bottom:22px;}
.eyebrow::before{content:'●';font-size:8px;}
.hero h1{font-size:48px;line-height:1.1;font-weight:600;letter-spacing:-.01em;}
.hero h1 em{font-style:italic;color:var(--saffron-deep);}
.hero p.lead{font-size:17.5px;color:var(--ink-soft);margin:22px 0 30px;max-width:480px;}
.hero-cta{display:flex;gap:14px;margin-bottom:36px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:34px;flex-wrap:wrap;}
.stat b{font-family:'Fraunces',serif;font-size:24px;color:var(--pine);display:block;}
.stat span{font-size:12.5px;color:var(--ink-soft);}
.hero-visual{position:relative;height:420px;}
.tag-card{position:absolute;background:var(--card);border-radius:22px;box-shadow:0 20px 40px -12px rgba(47,59,42,.25);padding:18px;width:220px;border:1px solid var(--line);}
.tag-card::before{content:'';position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:var(--bg);border:5px solid var(--pine);}
.tag-card img{border-radius:14px;height:140px;width:100%;object-fit:cover;margin-bottom:10px;}
.tag-card h4{font-family:'Fraunces',serif;font-size:17px;color:var(--pine);margin:0 0 4px;}
.tag-card .meta{font-size:12px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}
.tag-1{top:0;left:20px;transform:rotate(-6deg);z-index:2;}
.tag-2{top:150px;left:200px;transform:rotate(4deg);z-index:3;}

/* ---- How it works ---- */
.how{background:var(--pine);padding:76px 0;color:#EFEAD9;}
.how h2{color:#fff;font-size:32px;margin-bottom:10px;}
.how .lead{color:#C7CDBB;max-width:520px;margin-bottom:44px;font-size:15.5px;}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.how-step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:26px;}
.how-step .num{font-family:'IBM Plex Mono',monospace;color:var(--saffron);font-size:12.5px;font-weight:700;margin-bottom:12px;display:block;}
.how-step h3{color:#fff;font-size:18px;margin-bottom:8px;}
.how-step p{color:#C7CDBB;font-size:14px;margin:0;}

/* ---- Categories ---- */
.cats{padding:80px 0;}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:20px;flex-wrap:wrap;}
.section-head h2{font-size:30px;}
.section-head p{color:var(--ink-soft);margin-top:8px;max-width:420px;}
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.cat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 14px;text-align:center;transition:.2s;}
.cat-card:hover{border-color:var(--saffron);transform:translateY(-3px);}
.cat-icon{width:52px;height:52px;border-radius:50%;background:var(--bg-soft);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:24px;}
.cat-card h4{font-weight:700;font-size:14.5px;color:var(--ink);margin-bottom:4px;}
.cat-card span{font-size:12px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}

/* ---- Listings ---- */
.listings{background:var(--bg-soft);padding:80px 0;}
.filter-row{display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap;}
.filter-pill{padding:9px 18px;border-radius:100px;font-size:13px;font-weight:600;font-family:'IBM Plex Mono',monospace;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;}
.filter-pill.active{background:var(--pine);color:#fff;border-color:var(--pine);}
.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.l-card{background:var(--card);border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 24px -14px rgba(38,37,31,.2);}
.l-photo{height:180px;position:relative;overflow:hidden;background:var(--bg-soft);}
.l-photo img{width:100%;height:100%;object-fit:cover;}
.l-urgent{position:absolute;top:12px;left:12px;background:var(--saffron);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:100px;}
.l-source{position:absolute;top:12px;right:12px;background:rgba(38,37,31,.72);color:#fff;font-size:10.5px;font-weight:600;padding:5px 10px;border-radius:100px;font-family:'IBM Plex Mono',monospace;}
.l-body{padding:16px 18px 20px;}
.l-body h4{font-family:'Fraunces',serif;font-size:18px;color:var(--pine);margin-bottom:6px;}
.l-tags{display:flex;gap:8px;margin:10px 0 14px;flex-wrap:wrap;}
.l-tags span{font-size:11px;font-family:'IBM Plex Mono',monospace;background:var(--bg-soft);padding:4px 9px;border-radius:6px;color:var(--ink-soft);}
.l-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:12px;}
.l-foot span{font-size:12px;color:var(--ink-soft);}
.l-foot a{font-size:13px;font-weight:700;color:var(--saffron-deep);}
.empty-state{text-align:center;padding:60px 20px;color:var(--ink-soft);}

/* ---- Roles ---- */
.roles{padding:86px 0;}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.role-card{border:1.5px solid var(--line);border-radius:var(--radius);padding:30px 24px;background:var(--card);}
.role-card .r-icon{width:50px;height:50px;border-radius:14px;background:var(--pine);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:18px;}
.role-card h3{font-size:19px;margin-bottom:10px;}
.role-card p{color:var(--ink-soft);font-size:14px;margin-bottom:16px;}
.role-card ul{margin:0;padding:0;list-style:none;}
.role-card li{font-size:13px;color:var(--ink-soft);padding:5px 0;display:flex;gap:8px;}
.role-card li::before{content:'✓';color:var(--sage);font-weight:800;}
.free-banner{margin-top:46px;background:var(--saffron);border-radius:var(--radius);padding:28px 36px;display:flex;justify-content:space-between;align-items:center;color:#fff;gap:16px;flex-wrap:wrap;}
.free-banner h3{color:#fff;font-size:21px;}
.free-banner p{margin:6px 0 0;font-size:14px;opacity:.95;}
.free-banner .btn{background:#fff;color:var(--saffron-deep);}

/* ---- Footer ---- */
footer.site-footer{background:var(--pine);color:#C7CDBB;padding:56px 0 26px;}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12);}
.foot-logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:700;font-size:19px;color:#fff;margin-bottom:14px;}
footer h5{color:#fff;font-size:13px;margin-bottom:16px;font-family:'IBM Plex Mono',monospace;letter-spacing:.04em;}
footer ul{list-style:none;margin:0;padding:0;}
footer li{margin-bottom:9px;font-size:13.5px;}
footer li a:hover{color:#fff;}
.foot-bottom{display:flex;justify-content:space-between;padding-top:22px;font-size:12px;flex-wrap:wrap;gap:8px;}

/* ---- Forms (auth / member) ---- */
.auth-wrap{max-width:460px;margin:60px auto;padding:0 20px;}
.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:36px;}
.form-card h1{font-size:26px;margin-bottom:6px;}
.form-card p.sub{color:var(--ink-soft);font-size:14px;margin-bottom:26px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;}
.field input, .field select, .field textarea{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14.5px;background:#fff;font-family:inherit;}
.field input:focus, .field select:focus, .field textarea:focus{outline:none;border-color:var(--saffron);}
.field-check{display:flex;align-items:center;gap:8px;font-size:14px;}
.field-check input{width:auto;}
.role-select{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;}
.role-opt{border:1.5px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center;cursor:pointer;font-size:13px;font-weight:700;}
.role-opt input{display:none;}
.role-opt.checked{border-color:var(--saffron);background:#FBEBD3;color:var(--saffron-deep);}
.form-foot{margin-top:20px;font-size:13.5px;color:var(--ink-soft);text-align:center;}
.alert{padding:13px 16px;border-radius:10px;font-size:13.5px;margin-bottom:18px;}
.alert-error{background:#FBE7E2;color:#93331e;}
.alert-success{background:#E7F0E2;color:#365429;}

/* ---- Member layout ---- */
.member-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 140px);}
.member-side{background:var(--card);border-right:1px solid var(--line);padding:28px 18px;}
.member-side a{display:block;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink-soft);margin-bottom:4px;}
.member-side a.active, .member-side a:hover{background:var(--bg-soft);color:var(--pine);}
.member-main{padding:36px;}
.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;flex-wrap:wrap;gap:12px;}
.page-head h1{font-size:24px;}

table.data-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
table.data-table th, table.data-table td{padding:12px 14px;text-align:left;font-size:13.5px;border-bottom:1px solid var(--line);}
table.data-table th{background:var(--bg-soft);font-weight:700;color:var(--ink-soft);font-size:12px;text-transform:uppercase;letter-spacing:.03em;}
table.data-table tr:last-child td{border-bottom:none;}
.badge{display:inline-block;padding:4px 10px;border-radius:100px;font-size:11.5px;font-weight:700;}
.badge-onay{background:#FBEBD3;color:var(--saffron-deep);}
.badge-yayin{background:#E7F0E2;color:#365429;}
.badge-sahip{background:#E4E9F0;color:#2d3f5c;}
.badge-red{background:#FBE7E2;color:#93331e;}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{display:none;}
  .how-grid, .roles-grid{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:repeat(3,1fr);}
  .listing-grid{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  .member-shell{grid-template-columns:1fr;}
  .member-side{display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);}
  nav.links{display:none;}
}