:root{--ink: #0e0e0e;--graphite: #5a5a5a;--red: #e63946;--blue: #1b6cd9;--yellow: #f4c20d;--cream: #f4efd8;--surface: #fbf7e5;--error: #ef4444;--divider: rgba(14, 14, 14, .2);--font-display: "Archivo Black", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 0;--radius-md: 2px;--radius-lg: 4px;--shadow-card: 4px 4px 0 var(--ink);--shadow-button: 3px 3px 0 var(--ink);--border-card: 2px solid var(--ink);--border-button: 3px solid var(--ink);--fast: .2s;--bounce: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{background:var(--cream);color-scheme:light}body{margin:0;color:var(--ink);font:400 1.0625rem/1.5 var(--font-body)}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none}body:before{top:90px;right:6vw;width:72px;height:72px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink)}body:after{bottom:40px;left:3vw;width:140px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='28' viewBox='0 0 140 28'%3E%3Cpath d='M2 14 Q 19 0 35 14 T 70 14 T 105 14 T 138 14' fill='none' stroke='%231b6cd9' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}main{max-width:960px;margin:0 auto;padding:1.25rem 1rem 4rem}h1,h2,h3{margin:0}h1{font:900 clamp(2rem,6vw,3rem)/1 var(--font-display);letter-spacing:-.03em;margin-bottom:1rem}h3{font:700 1.375rem/1.2 var(--font-body)}p{margin:0 0 .75rem}a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--red)}.muted{color:var(--graphite);font-size:.9375rem}.error{color:var(--red);font-weight:700}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:1.75rem}header nav{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.brand{font:900 1.75rem/1 var(--font-display);letter-spacing:-.03em;text-decoration:none;text-transform:uppercase}button,.btn{display:inline-block;cursor:pointer;text-decoration:none;color:var(--cream);background:var(--blue);border:var(--border-button);border-radius:var(--radius-lg);box-shadow:4px 4px 0 var(--ink);padding:10px 18px;font:900 .875rem/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--fast) var(--bounce),box-shadow var(--fast) var(--bounce)}button:hover,.btn:hover{color:var(--cream);box-shadow:4px 6px 0 var(--ink);transform:translateY(-2px) rotate(-1deg)}button:active,.btn:active{box-shadow:1px 2px 0 var(--ink);transform:translateY(1px) scale(.96)}button:focus-visible,.btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--red)}.outline{background:var(--yellow);color:var(--ink)}.outline:hover{color:var(--ink)}.ghost{background:none;border:0;box-shadow:none;color:var(--ink);padding:10px 4px;border-radius:0}.ghost:hover{color:var(--ink);box-shadow:none;text-decoration:underline;transform:none}.search,.form input,.form select,.form textarea{width:100%;padding:11px 12px;font:400 1.0625rem/1.4 var(--font-body);color:var(--ink);background:var(--surface);border:var(--border-card);border-radius:var(--radius-md);transition:box-shadow var(--fast) var(--bounce)}.search:hover,.form input:hover,.form select:hover,.form textarea:hover{border-color:var(--red)}.search:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.form{display:flex;flex-direction:column;gap:12px;max-width:460px;align-items:stretch}.form button{align-self:flex-start}.banner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 48px 10px 1rem;position:relative;background:var(--yellow);border-bottom:var(--border-card)}.banner p{margin:0;font-weight:700}.banner .close{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px 10px;font-size:1.25rem;line-height:1}.banner .close:hover{transform:translateY(-50%)}.manifesto{max-width:640px}.manifesto .lead{font:700 1.5rem/1.3 var(--font-body)}.manifesto h2{font:900 1rem/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:2.25rem 0 .75rem;color:var(--red)}.manifesto .statement{font:700 1.375rem/1.3 var(--font-body)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chips a{padding:5px 12px;background:var(--surface);border:var(--border-card);border-radius:var(--radius-md);text-decoration:none;font:700 .9375rem/1.3 var(--font-body);transition:transform var(--fast) var(--bounce),color var(--fast)}.chips a:hover{color:var(--red);transform:translateY(-1px)}.chips a.on{background:var(--red);color:var(--ink);transform:rotate(-1deg)}.chips small{font:400 .75rem var(--font-mono)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.card{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--surface);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--fast) var(--bounce),box-shadow var(--fast) var(--bounce)}.card:hover{box-shadow:6px 8px 0 var(--ink);transform:translateY(-4px) rotate(-1deg)}.card p{margin:0;color:var(--graphite)}.links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.9375rem}.links a{overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.tag,.badge{display:inline-block;padding:1px 7px;background:var(--cream);border:1px solid var(--divider);border-radius:var(--radius-sm);font:400 .75rem/1.6 var(--font-mono);color:var(--graphite)}.badge{border:2px solid var(--ink);color:var(--ink);font-weight:700;text-transform:uppercase}.badge.approved{background:var(--blue);color:var(--cream)}.badge.pending{background:var(--yellow)}.badge.rejected{background:var(--red);color:var(--cream)}.actions{display:flex;gap:12px;margin-top:8px}.card .badge{align-self:flex-start}
