.browse-page{--surface: #fff;--surface-strong: #fff;--surface-soft: #f2f7ff;--text: #0b2147;--muted: #526781;--border: #dce8f7;--accent: #1269ee;--accent-dark: #075bcc;--accent-soft: #eaf3ff;--accent-ink: #fff;--input-placeholder: #8198b5;--shadow-card: 0 14px 30px rgba(32,83,145,.09);--shadow-card-soft: 0 9px 25px rgba(32,83,145,.07);min-height:100vh;background:#f8fbff;color:#0b2147}.browse-hero{overflow:hidden;border-bottom:1px solid #e0ebf7;background:radial-gradient(ellipse at 77% 52%,rgba(141,219,250,.5),transparent 43%),linear-gradient(110deg,#fcfdff,#eff8ff 70%,#f9fdff)}.browse-hero-inner{min-height:320px;display:grid;grid-template-columns:minmax(0,60%) minmax(0,40%);align-items:center;gap:12px}.browse-hero-copy{padding:43px 0;position:relative;z-index:2}.browse-hero-copy h1{max-width:800px;margin:13px 0 14px;font-size:clamp(38px,3.9vw,60px);line-height:1.07;font-weight:800;letter-spacing:-.06em;color:#081d42}.browse-hero-copy>p:not(.home-eyebrow){max-width:720px;margin:0;color:#38577e;font-size:16px;line-height:1.65}.browse-language{margin-top:22px}.browse-language nav{gap:8px}.browse-language a,.browse-language span{border-radius:10px;border-color:#dbe8f8;background:#fff;padding:8px 13px;color:#35608e;box-shadow:0 5px 13px #2b588b0a}.browse-language a.bg-teal-700{background:#1269ee;border-color:#1269ee;color:#fff}.browse-language a:hover{border-color:#83b7f5;color:#1269ee}.browse-art{height:250px;position:relative;isolation:isolate}.browse-art:before{content:"";position:absolute;inset:20px 0 8px;border-radius:50%;background:radial-gradient(ellipse,rgba(59,206,237,.45),rgba(50,111,239,.18) 48%,transparent 72%);filter:blur(13px)}.browse-art-orbit{position:absolute;width:340px;height:150px;right:34px;top:48px;transform:rotate(-23deg);border-radius:45%;border:22px solid rgba(58,201,239,.8);background:linear-gradient(135deg,#bbfff4,#1cc5df 42%,#0765e9);box-shadow:inset 12px 13px 25px #ffffffa1,12px 18px 26px #1558b633}.browse-art-main,.browse-art-tile{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fffffff0,#c3e4ffe0);border:2px solid #fff;box-shadow:9px 16px 28px #1453a630;color:#0d315f}.browse-art-main{width:190px;height:176px;left:40%;top:28px;transform:rotate(7deg);padding:22px;border-radius:20px}.browse-art-main span{font-size:10px;color:#4572a5;font-weight:700}.browse-art-main strong{margin-top:14px;font-size:23px;line-height:1.15}.browse-art-main i{width:32px;height:3px;margin:12px 0;background:#1476f3}.browse-art-main small{color:#426893}.browse-art-tile{width:78px;height:84px;align-items:center;border-radius:16px;color:#166ae6}.browse-art-tile-one{left:16%;top:28px;transform:rotate(-13deg);background:linear-gradient(145deg,#e6fff7,#a4f2df)}.browse-art-tile-two{right:5%;top:45px;transform:rotate(10deg);background:linear-gradient(145deg,#ddfbff,#b5ddff)}.browse-art-tile-three{right:14%;bottom:0;transform:rotate(-8deg);background:linear-gradient(145deg,#e4e6ff,#b6c6ff)}.browse-content{padding-top:33px;padding-bottom:65px}.browse-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px}.browse-section-heading h2{margin:5px 0 0;font-size:28px;font-weight:800}.browse-section-heading>span{color:#547196;font-size:13px;font-weight:700}.browse-directory{align-items:start}.browse-filter-panel,.browse-search-panel{border-radius:15px;border-color:#dfebf8;box-shadow:0 10px 28px #20539112}.browse-filter-panel{padding:15px}.browse-filter-active{background:#eaf3ff;color:#1269ee}.browse-chip-active{background:#1269ee;color:#fff;border:1px solid #1269ee}.browse-directory .bg-slate-900{background:#1269ee}.browse-directory .overflow-x-auto{scrollbar-width:none}.browse-directory .overflow-x-auto::-webkit-scrollbar{display:none}.browse-directory button{transition:background .15s,color .15s}.browse-directory button:focus-visible,.browse-directory a:focus-visible{outline:3px solid #80b8fb;outline-offset:2px}.browse-directory input:focus,.browse-directory select:focus{border-color:#478fff;box-shadow:0 0 0 4px #3186f61f}.browse-directory .browse-tool-card{position:relative;min-height:194px;border-radius:14px;border-color:#e2ecf8;box-shadow:0 9px 25px #20539112}.browse-tool-card>a{display:block;padding-right:8px}.browse-tool-card .browse-tool-icon{background:linear-gradient(135deg,#66b5ff,#1269ee);color:#fff;box-shadow:0 7px 17px #1269ee2b}.browse-tool-card[data-category=text] .browse-tool-icon{background:linear-gradient(135deg,#997cff,#5745f1)}.browse-tool-card[data-category=image] .browse-tool-icon{background:linear-gradient(135deg,#63d9ed,#109fcf)}.browse-tool-card[data-category=finance] .browse-tool-icon,.browse-tool-card[data-category=health] .browse-tool-icon{background:linear-gradient(135deg,#67e4b6,#16b58d)}.browse-tool-card[data-category=developer] .browse-tool-icon{background:linear-gradient(135deg,#63b4ff,#1262e9)}.browse-tool-card[data-category=utility] .browse-tool-icon{background:linear-gradient(135deg,#ffaa69,#f86d3c)}.browse-tool-arrow{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #dce9f9;border-radius:50%;color:#1269ee;font-size:18px;line-height:1}.browse-guide{margin-top:54px;padding:24px 27px;background:#fff;border:1px solid #e2ecf8;border-radius:15px;box-shadow:0 9px 25px #2053910f}.browse-guide h2{margin:0 0 7px;font-size:21px;font-weight:800}.browse-guide p{margin:0;color:#536d8e;line-height:1.7}.browse-guide>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.browse-guide a{padding:7px 12px;border:1px solid #dce8f7;border-radius:999px;color:#245da5;font-size:13px}.browse-guide a:hover{background:#eaf3ff}.browse-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.browse-collection-card{display:flex;flex-direction:column;min-height:218px;padding:21px;border:1px solid #e1ebf7;border-radius:15px;background:#fff;box-shadow:0 9px 25px #20539112;transition:transform .2s,border-color .2s,box-shadow .2s}.browse-collection-card:hover{transform:translateY(-3px);border-color:#8fbcf4;box-shadow:0 14px 28px #2053911f}.browse-collection-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#62baff,#1268ed)}.browse-collection-card:nth-child(3n+2) .browse-collection-icon{background:linear-gradient(135deg,#997cff,#5145ef)}.browse-collection-card:nth-child(3n+3) .browse-collection-icon{background:linear-gradient(135deg,#68dfc1,#15aeba)}.browse-collection-card strong{color:#0c244d;font-size:17px}.browse-collection-card p{margin:7px 0 17px;color:#597391;font-size:13px;line-height:1.55}.browse-collection-count{display:flex;justify-content:space-between;margin-top:auto;color:#1269ee;font-size:12px;font-weight:700}.browse-page .browse-subhero{border-bottom:1px solid #e0ebf7;background:radial-gradient(ellipse at 78% 52%,rgba(166,225,251,.47),transparent 46%),linear-gradient(110deg,#fcfdff,#eff8ff 70%,#f9fdff)}.browse-page .browse-subhero>.container{padding-top:47px;padding-bottom:47px}.browse-page .browse-subhero h1{color:#081d42;font-size:clamp(37px,3.5vw,54px);line-height:1.1;font-weight:800}.browse-page .browse-subhero p.text-teal-700{color:#1269ee;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.browse-page .browse-subhero p.text-slate-600{color:#426084;line-height:1.6}.browse-page .browse-main{padding-top:34px;padding-bottom:62px}.browse-page .browse-main h2{color:#0c244d;font-weight:800}.browse-page .browse-main a.rounded-lg,.browse-page .browse-main div.rounded-lg,.browse-page .browse-main li.rounded-lg{border-radius:14px;border-color:#e0ebf8;box-shadow:0 9px 24px #2053910f}.browse-page .browse-main a.rounded-lg:hover{border-color:#8fbcf4;color:#1269ee}.browse-page .browse-main .text-teal-700,.browse-page .browse-main a:hover{color:#1269ee}.browse-page .browse-main .bg-teal-50{background:#eaf3ff;color:#1269ee}.browse-page .browse-main .bg-teal-500{background:#1269ee}.browse-page .browse-main .hover\:border-teal-300:hover{border-color:#89b8f6}.browse-page .browse-main .hover\:text-teal-700:hover{color:#1269ee}.browse-page .browse-subhero>.container>.flex{flex-direction:column;align-items:flex-start;gap:20px}.browse-page .browse-subhero nav a.bg-teal-700{background:#1269ee;color:#fff}.browse-page .browse-main .browse-list-card{display:block;min-height:180px;transition:transform .2s,border-color .2s,box-shadow .2s}.browse-page .browse-main .browse-list-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #2053911f}.browse-list-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:13px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#64b6ff,#1269ee);box-shadow:0 6px 16px #1269ee26}.browse-list-card[data-category=text] .browse-list-icon{background:linear-gradient(135deg,#997cff,#5745f1)}.browse-list-card[data-category=image] .browse-list-icon{background:linear-gradient(135deg,#68dceb,#0ea7cb)}.browse-list-card[data-category=health] .browse-list-icon,.browse-list-card[data-category=finance] .browse-list-icon{background:linear-gradient(135deg,#72e6b9,#16b58d)}.browse-list-card[data-category=utility] .browse-list-icon{background:linear-gradient(135deg,#ffb271,#f7753c)}html[data-theme=dark] .browse-page{--surface: #111d31;--surface-soft: #172842;--text: #eaf3ff;--muted: #b0c5df;--border: #2c4262;--accent-soft: #19365a;background:#0b1425;color:#eaf3ff}html[data-theme=dark] .browse-hero,html[data-theme=dark] .browse-page .browse-subhero{background:radial-gradient(ellipse at 75% 40%,rgba(17,103,186,.3),transparent 52%),#0b1425}html[data-theme=dark] .browse-hero-copy h1,html[data-theme=dark] .browse-page .browse-subhero h1,html[data-theme=dark] .browse-page .browse-main h2{color:#f1f7ff}html[data-theme=dark] .browse-hero-copy>p:not(.home-eyebrow),html[data-theme=dark] .browse-page .browse-subhero p.text-slate-600{color:#b0c5df}html[data-theme=dark] .browse-filter-panel,html[data-theme=dark] .browse-search-panel,html[data-theme=dark] .browse-tool-card,html[data-theme=dark] .browse-guide,html[data-theme=dark] .browse-page .browse-main .bg-white{background:#111d31;border-color:#2c4262}@media(max-width:850px){.browse-hero-inner{grid-template-columns:1fr;min-height:0}.browse-art{display:none}.browse-hero-copy{padding:38px 0}}@media(max-width:850px){.browse-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.browse-hero-copy h1{font-size:clamp(35px,9vw,46px)}.browse-hero-copy>p:not(.home-eyebrow){font-size:14px}.browse-content{padding-top:25px}.browse-section-heading h2{font-size:24px}.browse-directory .browse-tool-card{min-height:0}.browse-guide{padding:19px}}@media(max-width:600px){.browse-collection-grid{grid-template-columns:1fr}}