@font-face{font-family:'JetBrains Mono';src:url(fonts/jetbrains-mono-800.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--bg:#0b0b0b;--flap:#1d1d1d;--line:#262626;--fg:#f4f4f0;--mut:#9a9a92;--g:#2bff88;--a:#ffb000;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--sans:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:12px}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 var(--sans);overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px);z-index:50}
a{color:var(--g)}a:hover{color:#fff}
:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main{max-width:1180px;margin:0 auto;padding:0 16px}
/* split flaps */
.flaps{display:inline-flex;flex-wrap:wrap;font-family:var(--mono);font-weight:800;line-height:1;letter-spacing:0}
.ch{display:inline-block;min-width:.86em;padding:.08em .03em;margin:0 .05em .07em 0;text-align:center;color:var(--g);background:linear-gradient(#272727 0 49.2%,#000 49.2% 50.8%,#1a1a1a 50.8%);border-radius:.07em;box-shadow:inset 0 -.04em 0 rgba(255,255,255,.07),0 .04em 0 #000;transform-origin:50% 50%;backface-visibility:hidden}
.ch.sp{background:none;box-shadow:none;min-width:.4em}
.flaps.big{font-size:clamp(3.2rem,17vw,9.5rem)}
.flaps.mid{font-size:clamp(1.25rem,6.2vw,2.6rem)}
.flaps.mini{font-size:15px}.flaps.mini .ch{min-width:.95em}
.js .flaps.go .ch{animation:flip .55s cubic-bezier(.2,.9,.3,1.3) calc(var(--i,0)*38ms) both}
@keyframes flip{0%{transform:perspective(300px) rotateX(90deg);filter:brightness(2.2)}60%{transform:perspective(300px) rotateX(-14deg)}100%{transform:none}}
/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:12px 16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-t{position:absolute;left:-9999px}
.top nav{display:flex;flex-wrap:wrap;gap:4px 16px;font:800 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.top nav a{color:var(--fg);text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}
.top nav a:hover,.top nav a[aria-current]{color:var(--g);border-color:var(--g)}
.strip{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:7px 16px;font:800 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* hero */
.hero{padding:34px 0 28px}
.hero h1{margin:0 0 22px}
.hero.small{padding:30px 0 10px}.hero.small h1{font:800 clamp(1.9rem,7vw,3.4rem)/1.06 var(--mono);letter-spacing:-.01em;color:var(--fg)}
.hero.small h1 .flaps.big{font-size:clamp(2.4rem,11vw,6rem)}
.lede{font-size:clamp(1.05rem,2.6vw,1.3rem);max-width:44rem;color:#dcdcd5;margin:0 0 18px}
.crumb{font:800 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}
.facts{font:800 13px/1.5 var(--mono);color:var(--a);max-width:44rem;margin:0}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:24px 0;max-width:760px}
.stats div{background:var(--flap);border:1px solid var(--line);border-radius:6px;padding:12px 14px;position:relative;overflow:hidden}
.stats div::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#000}
.stats dt{font:800 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.stats dd{margin:4px 0 0;font:800 clamp(2rem,9vw,2.8rem)/1 var(--mono);color:var(--g)}
.stats small{font-size:.45em;color:var(--mut)}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.btn{display:inline-block;font:800 14px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:var(--g);color:#03140a;padding:15px 18px;border-radius:4px;border:2px solid var(--g)}
.btn:hover{background:#fff;border-color:#fff;color:#000}
.btn.ghost{background:transparent;color:var(--g)}.btn.ghost:hover{color:#000}
/* sections */
.sec{padding:26px 0}
.sec-hd{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.sec-hd h2{margin:0;font:800 clamp(1.3rem,4vw,1.8rem)/1.1 var(--mono)}
.sec-hd p{margin:0;color:var(--mut)}
/* filters */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.chip{font:800 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);background:var(--flap);border:1px solid #333;border-radius:999px;padding:10px 13px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--g);color:#03140a;border-color:var(--g)}
.search{flex:1 1 100%}
.search input{width:100%;font:16px var(--sans);color:var(--fg);background:#121212;border:1px solid #333;border-radius:6px;padding:12px 14px}
.search input::placeholder{color:#77776f}
/* board */
.board-hd{display:none}
.board{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.call{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;background:var(--flap);border:1px solid var(--line);border-radius:6px;padding:14px;overflow:hidden}
.call::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--g)}
.call[data-type=contest]::before{background:var(--a)}.call[data-type="open call"]::before{background:#fff}.call[data-type="freelance brief"]::before{background:#58a6ff}
.c-main{grid-column:1/-1}
.c-main h3{margin:6px 0 0;font:600 1.02rem/1.35 var(--sans)}
.outlet{display:block;font:800 1.08rem/1.2 var(--mono);color:var(--fg)}
.ttl{color:#c9c9c2}
.tag{display:inline-block;font:800 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:5px 7px;border-radius:3px;background:#000;color:var(--g)}
.t-contest{color:var(--a)}.t-open-call{color:#fff}.t-freelance-brief{color:#58a6ff}
.lab{display:block;font:800 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:2px}
.c-pay{grid-column:1/-1;color:var(--g);font-weight:600}
.c-fee{font-size:.93rem}.c-fee.free{color:var(--fg)}.c-fee.fee{color:var(--a)}
.c-dl .dl{font:800 1.05rem/1.2 var(--mono);color:var(--fg)}
.c-dl small{font-size:.7em;color:var(--mut);margin-left:.4em}
.c-dl .roll{color:var(--mut)}
.left{display:block;font:800 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--a);margin-top:3px}
.left.urgent{color:#000;background:var(--a);display:inline-block;padding:2px 5px;border-radius:2px}
.c-src{grid-column:1/-1;justify-self:start;font:800 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--g);border:1px solid #2c4b38;border-radius:4px;padding:11px 12px}
.c-src:hover{background:var(--g);color:#000}
.none{font:800 14px var(--mono);color:var(--a)}
/* categories */
.cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
.cats a{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--fg);background:var(--flap);border:1px solid var(--line);border-radius:6px;padding:12px 14px}
.cats a:hover,.cats a[aria-current]{border-color:var(--g)}
.cats b{font:800 1.6rem/1 var(--mono);color:var(--g);min-width:2.2ch;text-align:right}
.cats span{font-weight:600}
/* signup */
.signup{margin:26px 0;border:2px solid var(--g);border-radius:8px;padding:20px 16px;display:grid;gap:16px;background:radial-gradient(120% 100% at 100% 0,rgba(43,255,136,.08),transparent 60%)}
.kick{font:800 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--a);margin:0 0 6px}
.signup h2{margin:0 0 8px;font:800 clamp(1.35rem,5vw,2rem)/1.1 var(--mono)}
.signup p{margin:0;color:#d6d6cf}
.su-form label{display:block;font:800 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.su-row{display:flex;flex-direction:column;gap:8px}
.su-row input{font:16px var(--sans);padding:14px;border-radius:5px;border:1px solid #3a3a3a;background:#050505;color:var(--fg);min-width:0}
.su-row button{font:800 14px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--g);color:#03140a;border:0;border-radius:5px;padding:15px 18px;cursor:pointer}
.su-row button:hover{background:#fff}
.su-row button[disabled]{opacity:.6}
.su-note{font-size:.85rem;color:var(--mut)!important;margin-top:8px!important}
.su-ok{margin-top:10px!important;font:800 14px/1.4 var(--mono);color:var(--g)!important}
.su-err{margin-top:10px!important;color:var(--a)!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* prose */
.prose{max-width:46rem}
.prose h2{font:800 1.25rem/1.2 var(--mono);margin:28px 0 8px;color:var(--fg)}
.prose li{margin:0 0 8px}
.prose b{color:var(--a)}
.tip{max-width:46rem}.tip h2{font:800 1.1rem var(--mono);color:var(--a);margin:0 0 6px}.tip p{margin:0}
.small{font-size:.85rem;color:var(--mut)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:6px}
table{border-collapse:collapse;width:100%;font:800 13px var(--mono)}
th,td{padding:10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{color:var(--mut);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
td{color:var(--g)}
/* footer */
.foot{margin-top:40px;border-top:1px solid var(--line)}
.tick{display:flex;white-space:nowrap;overflow:hidden;background:var(--g);color:#04130a;font:800 12px var(--mono);letter-spacing:.08em;padding:8px 0}
.tick span{flex:none;padding-right:1em;animation:tick 30s linear infinite}
@keyframes tick{to{transform:translateX(-100%)}}
.foot-in{max-width:1180px;margin:0 auto;padding:24px 16px 36px;display:grid;gap:18px;color:var(--mut);font-size:.92rem}
.foot-b{font:800 1rem var(--mono);color:var(--fg);margin:0 0 4px}
.foot-in p{margin:0}
.foot-cats{list-style:none;margin:0;padding:0;columns:1;gap:20px}
.foot-cats li{margin:0 0 6px}
.foot-cats a{color:#cfcfc8;text-decoration:none}.foot-cats a:hover{color:var(--g)}
.foot-s{font:800 11px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase}
@media (min-width:700px){
 main,.top,.strip{padding-left:28px;padding-right:28px}
 .stats{grid-template-columns:repeat(4,1fr)}
 .search{flex:1 1 260px}
 .cats{grid-template-columns:1fr 1fr}
 .signup{grid-template-columns:1fr 1fr;align-items:end;padding:28px}
 .su-row{flex-direction:row}.su-row input{flex:1}
 .foot-in{grid-template-columns:1.2fr 2fr;padding-left:28px;padding-right:28px}.foot-cats{columns:2}.foot-s{grid-column:1/-1}
}
@media (min-width:1000px){
 .hero{padding:54px 0 40px;display:grid;grid-template-columns:auto 1fr;gap:10px 48px;align-items:end}
 .hero h1{grid-row:1/4;margin:0}
 .hero .stats{grid-template-columns:1fr 1fr}
 .hero.small{display:block}
 .board-hd{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.7fr) minmax(0,1.3fr) 128px 130px;gap:16px;padding:0 16px 8px 20px;font:800 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
 .board{gap:4px}
 .call{grid-template-columns:minmax(0,2.4fr) minmax(0,1.7fr) minmax(0,1.3fr) 128px 130px;gap:16px;align-items:center;padding:12px 16px 12px 20px;border-radius:4px}
 .call:hover{border-color:#3d3d3d;background:#222}
 .c-main,.c-pay,.c-src{grid-column:auto}
 .c-main{display:flex;gap:12px;align-items:flex-start}.c-main h3{margin:0}
 .tag{flex:none;width:86px;text-align:center}
 .lab{display:none}
 .c-src{justify-self:end}
 .cats{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body::before,.top nav,.signup,.filters,.foot .tick{display:none}body{background:#fff;color:#000}.call{break-inside:avoid;background:#fff;border-color:#999}}