@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");
:root{--ink:#f7f7f2;--muted:rgba(247,247,242,.66);--line:rgba(255,255,255,.16);--panel:rgba(15,18,23,.58);--orange:#ff7a45;--blue:#62a8ff}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;color:var(--ink);background:#101216 url("../img/index_bg.jpg") center/cover fixed;font-family:"DM Sans",system-ui,sans-serif}body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 16% 10%,rgba(255,122,69,.24),transparent 32rem),radial-gradient(circle at 86% 85%,rgba(72,132,220,.2),transparent 34rem),linear-gradient(115deg,rgba(8,10,13,.94),rgba(8,10,13,.68))}a{color:inherit}.site-header,.site-footer{width:min(1180px,calc(100% - 48px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.site-header{min-height:84px}.brand{color:#fff;font:800 1.15rem/1 "Manrope",sans-serif;letter-spacing:-.04em;text-decoration:none}.brand span{color:var(--orange)}.github-link,.back-link{color:var(--muted);font-size:.86rem;font-weight:600;letter-spacing:.04em;text-decoration:none;transition:color .2s ease}.github-link:hover,.back-link:hover{color:#fff}.hero{width:min(1180px,calc(100% - 48px));min-height:calc(100vh - 168px);margin:0 auto;padding:clamp(52px,9vh,110px) 0 72px}.hero-copy{max-width:780px}.eyebrow{margin:0 0 18px;color:var(--orange);font:700 .75rem/1 "Manrope",sans-serif;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;font:700 clamp(3.5rem,8.5vw,7.8rem)/.93 "Manrope",sans-serif;letter-spacing:-.075em}.lede,.directory-intro>p:last-child{max-width:620px;margin:28px 0 0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.65}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:clamp(50px,9vh,100px)}.category-card{position:relative;min-height:245px;padding:28px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);backdrop-filter:blur(18px);color:#fff;text-decoration:none;transition:transform .25s ease,border-color .25s ease,background .25s ease}.category-card::before{content:"";position:absolute;width:180px;height:180px;right:-55px;bottom:-75px;border-radius:50%;opacity:.22;filter:blur(4px)}.tools-card::before{background:var(--orange)}.apps-card::before{background:var(--blue)}.category-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.38);background:rgba(23,27,33,.78)}.card-number{color:var(--muted);font:600 .7rem/1 "Manrope",sans-serif;letter-spacing:.15em}.card-icon{position:absolute;right:28px;top:25px;color:rgba(255,255,255,.82);font-size:2rem}.card-content{position:absolute;left:28px;right:78px;bottom:28px;display:grid;gap:8px}.card-content strong{font:700 clamp(1.7rem,3vw,2.55rem)/1 "Manrope",sans-serif;letter-spacing:-.045em}.card-content small{color:var(--muted);font-size:.94rem;line-height:1.5}.card-arrow{position:absolute;right:28px;bottom:28px;font-size:1.55rem;transition:transform .25s ease}.category-card:hover .card-arrow{transform:translateX(5px)}.directory-main{width:min(1050px,calc(100% - 48px));min-height:calc(100vh - 168px);margin:0 auto;padding:clamp(48px,8vh,90px) 0 80px}.directory-intro{max-width:720px}.directory-intro h1{font-size:clamp(3.5rem,8vw,6.5rem)}.entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:clamp(48px,7vh,76px)}.entry-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:18px;min-height:145px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(14,17,21,.65);backdrop-filter:blur(16px);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.entry-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.36);background:rgba(27,31,38,.82)}.entry-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:rgba(255,122,69,.14);color:#ff9b70;font:600 1.35rem/1 "Manrope",sans-serif}.apps-directory .entry-icon{background:rgba(98,168,255,.14);color:#8fc1ff}.entry-copy{display:grid;gap:7px}.entry-copy strong{font:700 1.2rem/1.2 "Manrope",sans-serif;letter-spacing:-.025em}.entry-copy small{color:var(--muted);font-size:.88rem;line-height:1.5}.entry-arrow{color:var(--muted);font-size:1.05rem;transition:transform .2s ease,color .2s ease}.entry-card:hover .entry-arrow{color:#fff;transform:translate(2px,-2px)}.site-footer{min-height:84px;padding:20px 0;border-top:1px solid var(--line);color:rgba(247,247,242,.48);font-size:.75rem;gap:24px}.site-footer a{text-decoration:none}.site-footer a:hover{color:#fff}@media(max-width:720px){.site-header,.site-footer,.hero,.directory-main{width:min(100% - 30px,1180px)}.site-header{min-height:70px}.hero{min-height:calc(100vh - 140px);padding-top:48px}h1{font-size:clamp(3.2rem,17vw,5rem)}.category-grid,.entry-grid{grid-template-columns:1fr}.category-card{min-height:190px}.entry-card{min-height:128px;padding:19px;grid-template-columns:46px 1fr auto;gap:14px}.entry-icon{width:46px;height:46px;border-radius:13px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}