:root{--max-w:980px;--accent:#4f46e5;--muted:#6b7280;--bg:#fbfdff;--card:#ffffff;--glass: rgba(255,255,255,.6)}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;color:#0f172a;background:linear-gradient(180deg,#fff,#f7fbff);-webkit-font-smoothing:antialiased}.container{max-width:var(--max-w);margin:0 auto;padding:1rem}.header{background:#ffffffb3;border-bottom:1px solid #e6edf3;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.logo{color:var(--accent);font-weight:700;font-size:1.125rem;text-decoration:none}.branding .logo{display:inline-block}.hamburger{display:none;background:none;border:0;cursor:pointer;padding:.4rem;margin-left:auto}.hamburger .bar{display:block;width:22px;height:2px;background:#111;margin:4px 0;transition:.25s;border-radius:2px}.hamburger .bar.open:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.main-nav{display:flex;gap:1rem;align-items:center}.main-nav a{color:#0f172a;text-decoration:none;padding:.35rem .6rem;border-radius:.45rem;font-weight:600}.main-nav a:hover{background:#4f46e50f;color:var(--accent)}.main-nav.open{display:flex;flex-direction:column;position:absolute;top:64px;right:12px;background:#fff;padding:.75rem;box-shadow:0 8px 24px #02061714;border-radius:8px}@media (max-width:760px){.hamburger{display:block}.main-nav{display:none}}.hero{padding:2rem 0;text-align:center}.fade-in{animation:fadeIn .45s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.75rem}.chip{padding:.4rem .8rem;border-radius:999px;background:var(--glass);color:var(--accent);text-decoration:none;font-weight:600;border:1px solid rgba(79,70,229,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.card{background:var(--card);border-radius:10px;padding:1rem;border:1px solid #e6edf3;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 1px #02061708;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-6px);box-shadow:0 14px 40px #02061714}.card h3{margin:0 0 .25rem}.muted{color:var(--muted)}.small{font-size:.9rem}.desc{margin:.5rem 0;color:#111}.browse-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.controls{display:flex;gap:.5rem;align-items:center}.controls input,.controls select{padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;min-width:160px}.form{max-width:640px;background:var(--card);padding:1rem;border-radius:10px;border:1px solid #e6edf3;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.form label{display:flex;flex-direction:column;font-weight:600}.form input,.form select,.form textarea{padding:.6rem;border:1px solid #d1d5db;border-radius:8px}.error{color:#b91c1c;font-size:.9rem;margin-top:.25rem}.form-actions{margin-top:1rem}.btn{display:inline-block;padding:.5rem .8rem;border-radius:8px;background:#4f46e50f;color:var(--accent);text-decoration:none;border:none;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn-link{text-decoration:none;color:var(--accent);font-weight:600}.details{background:var(--card);padding:1.25rem;border-radius:10px;border:1px solid #e6edf3;margin-top:1rem}.notfound{padding:3rem;text-align:center}.notfound code{background:#f3f4f6;padding:.25rem .5rem;border-radius:6px}.footer{border-top:1px solid #e6edf3;padding:1rem 0;margin-top:2rem;text-align:center;color:var(--muted)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(79,70,229,.12);outline-offset:2px}@media (max-width:520px){.controls input,.controls select{min-width:120px}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}