:root{--blue:#075985;--dark:#0c3b57;--teal:#0f766e;--ink:#17242d;--muted:#60717c;--bg:#f4f8fa}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue)}.top{display:flex;justify-content:space-between;align-items:center;padding:1rem;color:#fff;background:linear-gradient(110deg,var(--dark),var(--blue))}.top a{color:#fff;text-decoration:none}.brand{font-size:1.25rem;font-weight:800}.brand small{color:#a7f3d0;font-size:.65em}.tabs{display:flex;overflow:auto;background:#fff;box-shadow:0 .2rem 1rem #17242d15}.tabs a{flex:1 0 96px;padding:1rem .5rem;text-align:center;text-decoration:none;font-size:.82rem;font-weight:700}.tabs a.active{color:#fff;background:var(--blue)}main{max-width:1120px;margin:auto;padding:1rem}.hero{margin:-1rem -1rem 1.5rem;padding:3.5rem 1rem;color:#fff;background:linear-gradient(135deg,var(--dark),var(--blue))}.hero h1{font-size:clamp(2rem,8vw,4rem);line-height:1.05}.card{padding:1.25rem;border:1px solid #dce6eb;border-radius:1rem;background:#fff;box-shadow:0 .4rem 1.25rem #17242d0f}.grid{display:grid;gap:1rem}.feed{max-width:760px;margin:auto}.meta{color:var(--muted);font-size:.88rem}.badge{display:inline-block;padding:.25rem .55rem;border-radius:99px;color:var(--dark);background:#e0f2fe;font-size:.78rem;font-weight:700}label{display:block;margin:.8rem 0 .3rem;font-weight:650}input,select,textarea{width:100%;min-height:46px;padding:.7rem;border:1px solid #cbd8df;border-radius:.65rem;font:inherit}textarea{min-height:120px}.btn,button{display:inline-block;margin-top:1rem;padding:.75rem 1rem;border:0;border-radius:.65rem;color:#fff;background:var(--blue);font-weight:700;text-decoration:none;cursor:pointer}.btn.secondary{color:var(--blue);background:#e0f2fe}.alert{padding:1rem;border-radius:.7rem;background:#fee2e2}.empty{text-align:center;color:var(--muted)}footer{padding:3rem 1rem;text-align:center;color:var(--muted)}@media(min-width:700px){main{padding:2rem}.hero{margin:-2rem -2rem 2rem;padding:5rem 2rem;border-radius:0 0 2rem 2rem}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.tabs a{font-size:.95rem}}