:root{--navy: #0a1a2f;--white: #ffffff;--muted: rgba(255, 255, 255, .64);--line: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--navy);color:var(--white);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}#app{max-width:960px;margin:0 auto;padding:6rem 1.5rem 4rem}.hero{margin-bottom:3.5rem}.hero__title{margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:300;letter-spacing:.01em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:#ffffff52;transform:translateY(-2px)}.card__monogram{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#ffffff0f;font-size:1rem;font-weight:400;letter-spacing:.02em}.card__body{min-width:0}.card__title{margin:0;font-size:1.05rem;font-weight:400}.card__desc{margin:.35rem 0 0;font-size:.9rem;line-height:1.45;color:var(--muted)}.empty{color:var(--muted)}