:root{--bg-canvas:#f3f4ef;--bg-surface:#fff;--bg-tonal:#e8ebe2;--bg-tonal-hover:#dce1d3;--bg-dark:#111827;--bg-dark-elevated:#1e293b;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-on-dark:#f8fafc;--brand-emerald:#059669;--brand-emerald-soft:#d1fae5;--brand-indigo:#4f46e5;--brand-indigo-soft:#e0e7ff;--brand-amber:#d97706;--brand-amber-bright:#f59e0b;--brand-amber-soft:#fef3c7;--brand-coral:#e11d48;--brand-coral-soft:#ffe4e6;--brand-cyan:#0284c7;--brand-cyan-soft:#e0f2fe;--border-subtle:#cbd5e1;--border-strong:#0f172a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;line-height:1.5}body,html{background-color:var(--bg-canvas)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.container-xl{max-width:1340px;margin:0 auto;padding:0 1.25rem}.section-block{padding:3.5rem 0}.flat-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);transition:transform .14s,border-color .14s,background-color .14s}.flat-card-interactive:hover{border-color:var(--border-strong);transform:translateY(-2px)}.flat-card-priority-headline{border:2px solid var(--brand-amber-bright);background:linear-gradient(#fffbeb,#fff 130px)}.flat-card-priority-asso{border:2px solid var(--brand-emerald);background:linear-gradient(#ecfdf5,#fff 130px)}.flat-card-dark{background:var(--bg-dark);color:var(--text-on-dark);border-radius:var(--radius-md);border:1.5px solid #334155}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.15rem;font-size:.9rem;font-weight:700;transition:background-color .12s,transform .1s,border-color .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--brand-emerald);color:#fff;border-color:#047857}.btn-primary:hover{background-color:#047857}.btn-indigo{background-color:var(--brand-indigo);color:#fff;border-color:#3730a3}.btn-indigo:hover{background-color:#4338ca}.btn-amber{background-color:var(--brand-amber-bright);color:#0f172a;border-color:#b45309}.btn-amber:hover{background-color:#fbbf24}.btn-dark{background-color:var(--bg-dark);color:#fff;border-color:var(--bg-dark)}.btn-dark:hover{background-color:#1e293b}.btn-tonal{background-color:var(--bg-tonal);color:var(--text-primary);border-color:var(--border-subtle)}.btn-tonal:hover{background-color:var(--bg-tonal-hover);border-color:var(--text-secondary)}.btn-outline{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-outline:hover{background-color:var(--bg-tonal)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-lg{padding:.85rem 1.5rem;font-size:1rem}.chip{border-radius:var(--radius-pill);letter-spacing:.01em;border:1px solid #0000;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.chip-emerald{background-color:var(--brand-emerald-soft);color:#065f46;border-color:#6ee7b7}.chip-indigo{background-color:var(--brand-indigo-soft);color:#3730a3;border-color:#a5b4fc}.chip-amber{background-color:var(--brand-amber-soft);color:#92400e;border-color:#fcd34d}.chip-cyan{background-color:var(--brand-cyan-soft);color:#075985;border-color:#7dd3fc}.chip-coral{background-color:var(--brand-coral-soft);color:#9f1239;border-color:#fda4af}.chip-neutral{background-color:var(--bg-tonal);border-color:var(--border-subtle)}.chip-neutral,.filter-chip{color:var(--text-secondary)}.filter-chip{border-radius:var(--radius-pill);background:var(--bg-surface);border:1.5px solid var(--border-subtle);cursor:pointer;align-items:center;gap:.35rem;padding:.38rem .8rem;font-size:.8rem;font-weight:600;transition:all .12s;display:inline-flex}.filter-chip:hover{border-color:var(--text-primary);color:var(--text-primary)}.filter-chip.active{background:var(--bg-dark);color:#fff;border-color:var(--bg-dark)}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;font-weight:700}.form-input,.form-select,.form-textarea{border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background-color:var(--bg-surface);width:100%;color:var(--text-primary);padding:.65rem .85rem;transition:border-color .12s,background-color .12s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-indigo);background-color:#fff;outline:none}:is(.form-input:user-invalid,.form-textarea:user-invalid){border-color:var(--brand-coral);background-color:#fff1f2}.project-card-wrapper{container-type:inline-size}.project-card-inner{flex-direction:column;height:100%;display:flex}@container (width>=680px){.project-card-inner.allow-horizontal{flex-direction:row}.project-card-inner.allow-horizontal .project-card-media{flex-shrink:0;width:280px;height:auto}}.progress-track{background-color:var(--bg-tonal);width:100%;height:10px;overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-pill)}.progress-fill{background-color:var(--brand-emerald);height:100%;transition:width .3s}.modal-backdrop{z-index:100;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background-color:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:660px;max-height:90vh;overflow-y:auto}