:root{--ink:#202b36;--muted:#667582;--line:#e4e9ed;--paper:#fff;--wash:#f6f8fa;--mint:#dff6ed;--green:#16785e;--purple:#ece8ff;--shadow:0 16px 50px rgba(30,48,62,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}.topbar{height:78px;padding:0 max(calc((100vw - 1160px)/2),24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f2;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.8px;color:#20313a}.brand img{width:34px;height:34px}.brand-accent{color:#1b9875}.topbar nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:650}.nav-cta{padding:10px 15px;border:1px solid #dbe5e1;border-radius:10px;background:#f7fbf9}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{background:radial-gradient(ellipse at 77% 40%,#e4f8ef 0,rgba(230,248,241,.4) 28%,transparent 52%),linear-gradient(120deg,#fbfcfd,#f7faf9);min-height:565px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:65px max(calc((100vw - 1160px)/2),24px) 90px;position:relative}.hero-copy{max-width:580px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:#527367;display:block;margin-bottom:15px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25a17b;margin-right:8px}.hero h1,.page-intro h1,.detail-hero h1{font-size:clamp(40px,5vw,60px);line-height:1.08;letter-spacing:-2.8px;margin:0 0 22px;font-weight:780;max-width:620px}.hero h1 em{font-style:normal;color:#168465}.hero-copy>p{font-size:17px;color:#63727b;max-width:530px;margin:0 0 28px}.searchbar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe7e4;border-radius:13px;padding:7px;box-shadow:0 8px 25px #1c48300c;max-width:555px}.searchbar>span{font-size:25px;color:#83938e;padding-left:9px}.searchbar input{border:0;outline:0;min-width:0;flex:1;padding:12px 4px;font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}.primary{background:#177d60;color:white}.primary:hover{background:#11664e;color:#fff}.outline{border-color:#d7e1dd;background:#fff}.light{background:#fff;color:#1b6d55}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:17px;font-size:11px;color:#71817c}.hero-art{position:relative;padding:14px 0 22px}.art-window{max-width:485px;margin:auto;background:#fff;border:1px solid #e1e9e5;border-radius:17px;box-shadow:0 25px 75px #233c3014;overflow:hidden;transform:rotate(1deg)}.window-top,.window-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:10px;color:#77847f;border-bottom:1px solid #eef2f0}.window-top>span:first-child{letter-spacing:3px;color:#9daaa5}.window-top b{border-radius:50%;background:#dff4eb;color:#177d60;padding:5px 9px}.art-content{padding:24px 24px 20px}.art-greeting{display:flex;align-items:center;gap:12px;margin-bottom:22px}.sparkle{display:grid;place-items:center;background:#e5f7ef;color:#168365;width:45px;height:45px;border-radius:14px;font-size:24px}.art-greeting small,.art-category small{display:block;color:#84918c;font-size:9px;letter-spacing:1px}.art-greeting strong{font-size:15px}.fake-search{padding:12px;border:1px solid #e6ebe8;border-radius:8px;color:#a1aca7;font-size:11px;margin-bottom:20px}.fake-search span{float:right}.art-label{font-size:9px;letter-spacing:1px;font-weight:800;color:#84918c;margin-bottom:8px}.art-category{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f3f1;font-size:13px}.art-category>b{width:32px;height:32px;display:grid;place-items:center;background:#e8f8f0;color:#178262;border-radius:9px}.art-category>b.purple{background:#eeeaff;color:#7963c4}.art-category>b.green{background:#e6f6e9;color:#3a9256}.art-category>span{flex:1}.art-category small{letter-spacing:0;font-size:10px}.window-bottom{border-top:1px solid #eef2f0;border-bottom:0;background:#fbfcfc}.float-note{position:absolute;bottom:0;left:-8px;display:flex;align-items:center;gap:8px;padding:13px 17px;background:#fff;border:1px solid #e6ece8;border-radius:12px;box-shadow:var(--shadow);font-size:12px}.float-note>span:last-child{display:grid}.float-note small{font-size:10px;color:#7c8a84}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:15px max(calc((100vw - 1160px)/2),24px);border-top:1px solid #e7eeea;color:#7b8a84;font-size:10px;letter-spacing:.2px}.section,.content-wrap{max-width:1160px;margin:0 auto;padding:72px 24px}.wash{max-width:none;background:#f7f9f8;padding-left:max(calc((100vw - 1160px)/2),24px);padding-right:max(calc((100vw - 1160px)/2),24px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2,.newsletter h2{font-size:32px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 8px}.section-heading p,.newsletter p{color:#6e7b83;margin:0;font-size:14px}.text-link{font-size:12px;font-weight:750;color:#19795f;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-card{display:block;background:#fff;border:1px solid #e6ebe8;border-radius:13px;padding:20px;transition:.18s;min-width:0}.category-card:hover,.tool-card:hover,.goal-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfe5db}.cat-icon{display:grid;place-items:center;width:39px;height:39px;background:#e2f6ed;color:#16805f;border-radius:11px;font-size:20px;margin-bottom:16px}.color-1 .cat-icon,.color-4 .cat-icon{background:#eeeaff;color:#7966c3}.color-2 .cat-icon,.color-5 .cat-icon{background:#fff1df;color:#bd7c28}.category-card strong{font-size:14px;display:block}.category-card p{font-size:11px;line-height:1.5;color:#74818a;min-height:35px;margin:7px 0 15px}.category-card small{font-size:10px;color:#7c8a83}.category-card small span{float:right;color:#16805f}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{border:1px solid #e5ebe8;border-radius:14px;padding:20px;background:#fff;transition:.18s;min-width:0}.tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.tool-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#e4f7ee,#f2f8f4);color:#187a5c;font-size:20px;font-weight:800}.tool-logo.large{width:64px;height:64px;font-size:28px;margin:15px 0}.price-tag,.pills span{border-radius:100px;background:#f0f5f2;color:#62766b;padding:5px 9px;font-size:10px;font-weight:700}.tool-category{font-size:10px;color:#248366;font-weight:750;letter-spacing:.4px}.tool-card h3{font-size:18px;margin:5px 0 8px;letter-spacing:-.4px}.tool-card p{font-size:12px;line-height:1.65;color:#6c7b82;min-height:60px;margin:0 0 15px}.tool-card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid #eff2f0;font-size:11px;font-weight:750;color:#19795f}.tool-card-bottom .external{font-size:17px}.goal-section{padding-top:55px}.goal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.goal-card{padding:20px;border:1px solid #e5ebe8;border-radius:13px;transition:.18s}.goal-card small{display:block;color:#168365;font-weight:800;font-size:11px;margin-bottom:24px}.goal-card strong{font-size:16px}.goal-card p{font-size:12px;color:#6e7b83;min-height:42px}.goal-card span{font-size:11px;color:#168365;font-weight:750}.newsletter{max-width:1112px;margin:0 auto 72px;padding:34px 40px;border-radius:18px;background:#e6f7ef;display:flex;align-items:center;justify-content:space-between;gap:20px}.newsletter h2{font-size:27px}.newsletter p{max-width:580px}.footer{border-top:1px solid #e9eeeb;background:#fbfcfc}.footer-inner{max-width:1160px;margin:auto;padding:34px 24px}.footer-inner>p{font-size:12px;color:#718079}.footer-inner>div{display:flex;gap:20px;font-size:11px;margin:20px 0}.footer-inner>small{font-size:10px;color:#8b9691}.page-intro{text-align:center;padding:70px 24px 45px;background:#f7faf8}.page-intro h1{font-size:43px;letter-spacing:-1.8px;margin:0 auto 12px}.page-intro p{color:#6c7b82;margin:0 auto;max-width:620px}.page-intro .searchbar{margin:25px auto 0}.content-wrap{padding-top:38px}.filter-line{display:flex;justify-content:space-between;color:#6e7b83;font-size:12px;margin-bottom:18px}.empty{text-align:center;padding:45px;color:#6e7b83}.detail-hero{padding:45px 24px 50px;text-align:center;background:linear-gradient(180deg,#f6faf8,#fff)}.detail-hero h1{font-size:44px;margin:8px auto}.detail-hero>p{max-width:650px;margin:0 auto 20px;color:#6d7a82}.detail-hero .button{margin-top:22px}.detail-hero .disclaimer{font-size:11px;margin-top:22px}.pills{display:flex;gap:8px;justify-content:center}.backlink{display:block;font-size:12px;color:#198064;margin-bottom:15px}.detail-hero .backlink{max-width:850px;margin:0 auto;text-align:left}.form-page,.login-card{max-width:660px;margin:60px auto;padding:32px;border:1px solid #e4ebe7;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.form-page h1,.login-card h1,.admin-head h1{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:0 0 12px}.form-page>p,.login-card>p{color:#6c7b82}.stack{display:flex;flex-direction:column;gap:15px}.stack label,.login-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750}.stack input,.stack select,.stack textarea,.login-card input{width:100%;border:1px solid #dce5e0;border-radius:9px;padding:11px 12px;font:inherit;font-weight:400;background:#fff;color:#25353b}.stack textarea{resize:vertical}.stack .check{display:flex;flex-direction:row;align-items:center;font-weight:500}.stack .check input{width:auto}.success{padding:14px;background:#e7f8ef;color:#176747;border-radius:9px}.form-page small,.hint{font-size:11px;color:#7b8882}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-card{padding:25px;border:1px solid #e5ebe8;border-radius:14px;background:white}.guide-card h2{font-size:19px;line-height:1.3}.guide-card p{font-size:12px;color:#6c7b82}.admin-shell{max-width:1160px;margin:0 auto;padding:45px 24px 80px;min-height:80vh}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-head p{margin:0;color:#6c7b82}.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:25px}.admin-tabs a{padding:9px 13px;border:1px solid #e1e8e4;border-radius:9px;font-size:12px;font-weight:700}.admin-tabs a:hover{background:#eaf7f0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat,.panel{border:1px solid #e2e9e5;border-radius:13px;background:#fff;padding:22px}.stat span{display:block;color:#6e7b83;font-size:12px}.stat strong{font-size:32px}.panel h2{font-size:18px;margin:0 0 17px}.admin-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.3fr);gap:18px}.admin-list{max-height:900px;overflow:auto}.admin-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf1ef}.admin-row:last-child{border-bottom:0}.admin-row strong,.admin-row small{display:block}.admin-row strong{font-size:13px}.admin-row small{font-size:10px;color:#74817b;max-width:360px}.row-actions{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap}.row-actions form{display:inline}.link{background:none;border:0;padding:0;color:#b34242;font:inherit;cursor:pointer}.count{font-size:11px;color:#16805f;background:#e7f6ee;border-radius:20px;padding:3px 7px}.action-row{display:flex;gap:10px;flex-wrap:wrap}.full{width:100%}.error{color:#b34242!important}.footer-inner .brand{font-size:18px}.login-card{margin-top:90px}.login-card form{display:grid;gap:17px}.login-card .hint{margin-top:20px}.page-copy{white-space:normal;color:#5f7077}.page-copy a{text-decoration:underline}@media(max-width:850px){.topbar nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:50px;gap:24px}.hero-copy{max-width:700px}.hero-art{max-width:540px;width:100%;margin:0 auto}.hero-bottom{position:static;margin:30px -24px -90px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topbar{height:66px;padding:0 18px}.brand{font-size:18px}.brand img{width:30px;height:30px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:stretch;gap:15px}.topbar nav.open{display:flex}.hero{padding:45px 20px 35px;gap:25px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.searchbar{gap:3px}.searchbar .button{padding:11px;font-size:11px}.hero-meta{font-size:10px}.hero-bottom{margin:20px -20px -35px;padding:12px 20px;gap:10px;font-size:9px}.hero-bottom span:last-child{text-align:right}.section,.content-wrap{padding:48px 20px}.wash{padding-left:20px;padding-right:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2{font-size:27px}.category-grid,.tool-grid,.goal-grid,.guide-grid{grid-template-columns:1fr}.category-card p,.tool-card p,.goal-card p{min-height:0}.newsletter{margin:0 20px 45px;padding:25px;align-items:flex-start;flex-direction:column}.page-intro{padding:50px 20px 35px}.page-intro h1{font-size:35px}.detail-hero h1{font-size:36px}.form-page,.login-card{margin:30px 16px;padding:23px}.admin-shell{padding:28px 16px 60px}.admin-head{align-items:flex-start;flex-direction:column;gap:16px}.admin-head h1{font-size:30px}.admin-row{flex-direction:column}.row-actions{align-self:flex-start}.stats-grid{gap:8px}.stat{padding:15px}.stat strong{font-size:26px}.footer-inner{padding:28px 20px}.float-note{left:0}.art-content{padding:20px}.window-bottom{font-size:9px}}
/* Directory usability and accessibility refinements */
.quick-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px auto 0;max-width:900px}.quick-categories a{display:inline-flex;padding:8px 12px;border:1px solid #dfe8e3;border-radius:999px;background:#fff;color:#356353;font-size:11px;font-weight:700;transition:background .15s,border-color .15s}.quick-categories a:hover,.quick-categories a:focus-visible{background:#e7f7ef;border-color:#b6ddca;color:#155e48}.tool-card:focus-within,.category-card:focus-visible,.goal-card:focus-visible,.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #72c9a5;outline-offset:3px}.tool-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}.page-intro .quick-categories{padding:0 16px}.admin-tabs a:focus-visible,.stack input:focus-visible,.stack select:focus-visible,.stack textarea:focus-visible{outline:3px solid #72c9a5;outline-offset:2px}

/* Creative visual refresh inspired by modern AI directory discovery patterns */
:root{--ink:#17242e;--muted:#62717d;--green:#176b54;--shadow:0 18px 55px rgba(24,39,51,.12)}
.hero-creative{background:radial-gradient(ellipse at 83% 18%,rgba(139,226,192,.45),transparent 33%),linear-gradient(115deg,#f8fbfa 0%,#f4f6ff 55%,#eef8f4 100%);overflow:hidden}
.hero-creative:after{content:"";position:absolute;right:-70px;top:70px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,rgba(135,105,255,.13),rgba(40,185,138,.12));filter:blur(2px);pointer-events:none}
.hero-creative .hero-copy,.hero-creative .hero-art{z-index:1}
.hero-creative .hero h1{max-width:640px}
.hero-creative .art-window{transform:rotate(0);border-radius:22px;box-shadow:0 30px 90px rgba(29,62,49,.16)}
.hero-creative .window-top{background:#fbfdfc}
.category-grid{gap:18px}
.category-card{padding:0;overflow:hidden;border:1px solid #e6ebe9;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(27,43,53,.035);transition:transform .22s,box-shadow .22s,border-color .22s}
.category-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(27,43,53,.13);border-color:#d0e4db}
.category-photo{height:142px;position:relative;overflow:hidden;background:#e9f1ee}
.category-photo:after,.tool-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,25,32,.02) 20%,rgba(10,25,32,.40) 100%);pointer-events:none}
.category-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.category-card:hover .category-photo img{transform:scale(1.07)}
.photo-arrow{position:absolute;z-index:1;right:13px;top:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.88);color:#17382d;font-size:16px}
.category-card-copy{padding:18px 19px 19px}
.category-card .cat-icon{width:34px;height:34px;margin:-37px 0 14px;position:relative;z-index:2;border:3px solid #fff;box-sizing:content-box;box-shadow:0 4px 12px #142c2515}
.category-card strong{font-size:15px;letter-spacing:-.2px}
.category-card p{font-size:12px;line-height:1.55;min-height:38px;margin:7px 0 14px}
.category-card small{display:block;padding-top:11px;border-top:1px solid #edf1ef;font-size:11px}
.tool-grid{gap:20px}
.tool-card{padding:0;overflow:hidden;border-radius:17px;box-shadow:0 5px 18px rgba(25,41,50,.035);transition:transform .22s,box-shadow .22s}
.tool-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(25,41,50,.11)}
.tool-card-image{height:130px;position:relative;overflow:hidden;background:#edf3f0}
.tool-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.tool-card:hover .tool-card-image img{transform:scale(1.05)}
.tool-image-label{position:absolute;z-index:1;left:14px;bottom:12px;padding:5px 9px;border:1px solid #ffffff66;border-radius:99px;background:#ffffffdf;color:#1d4e3c;font-size:9px;font-weight:850;letter-spacing:1px}
.tool-card-top,.tool-card>.tool-category,.tool-card h3,.tool-card>p,.tool-card-bottom{margin-left:19px;margin-right:19px}
.tool-card-top{margin-top:16px;margin-bottom:12px}
.tool-card h3{font-size:18px}
.tool-card p{font-size:12px;min-height:58px}
.tool-card-bottom{padding-bottom:15px}
.section-heading h2{letter-spacing:-1.3px}
.goal-card{border-radius:16px;background:linear-gradient(145deg,#fff,#f9fbfa)}
.newsletter{background:linear-gradient(115deg,#e5f8ee,#eeedff);border:1px solid #e0eee7;border-radius:22px}
@media(max-width:850px){.category-photo{height:130px}.tool-card-image{height:125px}}
@media(max-width:600px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-photo{height:105px}.category-card-copy{padding:14px}.category-card .cat-icon{margin-top:-34px;width:30px;height:30px}.category-card strong{font-size:13px}.category-card p{font-size:11px;min-height:0}.tool-grid{grid-template-columns:1fr}.tool-card-image{height:160px}.hero-creative:after{width:180px;height:180px;right:-70px;top:100px}}