:root{color-scheme:light;font-family:'Noto Sans KR',system-ui,sans-serif;color:#1a2e35;background:#f8f7f3}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem max(5vw,1rem);background:white;border-bottom:1px solid #e5e7eb}.brand{font-size:1.35rem;font-weight:800;letter-spacing:.06em}.site-header nav{display:flex;flex-wrap:wrap;gap:1.4rem;font-size:.94rem}.site-header a:hover,.app-card:hover h2{color:#25736b}main{max-width:1180px;margin:auto;padding:4rem 1.3rem 6rem}.intro{text-align:center;margin:0 auto 3rem}.eyebrow{color:#25736b;font-size:.75rem;font-weight:700;letter-spacing:.2em}.intro h1{font-size:clamp(2.7rem,7vw,5rem);margin:.2rem 0;font-weight:800}.intro p:last-child{color:#64748b}.search{max-width:420px;margin:0 auto 2.5rem;font-size:.85rem;font-weight:600}.search div{display:flex;gap:.5rem;margin-top:.4rem}.search input{width:100%;border:1px solid #cbd5e1;border-radius:.55rem;padding:.8rem;background:white;font:inherit}.search button{border:0;border-radius:.55rem;background:#1a2e35;color:white;padding:.7rem 1rem;cursor:pointer;white-space:nowrap}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem}.app-card{display:flex;flex-direction:column;min-height:210px;padding:1.5rem;border:1px solid #e2e8f0;border-radius:1rem;background:white;box-shadow:0 4px 12px #0f172a09;transition:transform .15s,box-shadow .15s}.app-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0f172a16}.app-card-type{align-self:flex-start;background:#e8f2ef;color:#21645d;border-radius:999px;padding:.25rem .65rem;font-size:.75rem}.app-card h2{font-size:1.3rem;margin:1rem 0 .55rem}.app-card p{color:#64748b;font-size:.92rem;line-height:1.6;margin:0}.app-card-link{margin-top:auto;padding-top:1.25rem;font-weight:700;color:#25736b;font-size:.88rem}.notice{max-width:800px;margin:0 auto 2rem;background:#fff7df;border:1px solid #ead48a;border-radius:.6rem;padding:1rem}.empty{grid-column:1/-1;text-align:center;color:#64748b}footer{text-align:center;color:#64748b;padding:2rem;font-size:.85rem}@media(max-width:480px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{gap:.9rem}main{padding-top:2.5rem}}