.toolsPage{max-width:960px;margin:0 auto;padding:48px 16px 64px}.toolsHeader{text-align:center;padding:0 0 32px}.toolsKicker{letter-spacing:.18em;text-transform:uppercase;color:var(--vcrdb-red);opacity:.8;margin-bottom:12px;font-size:11px;font-weight:900;display:inline-block}.toolsTitle{color:var(--ch-text-main);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,4.5vw,38px);font-weight:900;line-height:1.1}.toolsSub{color:var(--ch-text-muted);max-width:52ch;margin:0 auto;font-size:14px;line-height:1.6}.toolsGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.toolCard:first-child{grid-column:1/-1;min-height:290px}.toolCard:nth-child(2){grid-column:1/3;min-height:210px}.toolCard:nth-child(3){grid-column:3/4;min-height:210px}.toolCard:nth-child(4){grid-column:1/-1;min-height:220px}.toolCard{color:inherit;cursor:pointer;border-radius:calc(var(--ch-radius) + 4px);background:var(--ch-bg-card);isolation:isolate;flex-direction:column;text-decoration:none;transition:box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.toolCard:after{content:"";border:1px solid color-mix(in srgb, var(--ch-border) 60%, transparent);border-radius:inherit;pointer-events:none;z-index:4;transition:border-color .18s;position:absolute;inset:0}.toolCard:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0006}.toolCard:hover:after{border-color:color-mix(in srgb, var(--vcrdb-red) 50%, transparent)}.toolCard:focus-visible{outline:2px solid var(--vcrdb-red);outline-offset:2px}.toolCardBg{object-fit:cover;will-change:transform;z-index:0;transition:transform .3s;transform:scale(1)}.toolCard:hover .toolCardBg{transform:scale(1.04)}.toolCardOverlay{z-index:1;background:linear-gradient(#080a0e40 0%,#080a0e99 45%,#080a0eeb 75%,#080a0e 100%);transition:background .18s;position:absolute;inset:0}.toolCard:hover .toolCardOverlay{background:linear-gradient(#080a0e47 0%,#080a0e9e 42%,#080a0ef0 72%,#080a0e 100%)}.toolMeta{z-index:2;flex-direction:column;gap:4px;margin-top:auto;padding:20px 20px 18px;display:flex;position:relative}.toolCard:first-child .toolMeta{padding:28px 28px 24px}.toolBadge{letter-spacing:.1em;text-transform:uppercase;color:var(--vcrdb-red);background:color-mix(in srgb, var(--vcrdb-red) 18%, transparent);border:1px solid color-mix(in srgb, var(--vcrdb-red) 45%, transparent);white-space:nowrap;border-radius:999px;width:fit-content;margin-bottom:6px;padding:3px 8px;font-size:10px;font-weight:900}.toolTitle{color:#fff;text-shadow:0 1px 6px #000c;margin:0;font-size:16px;font-weight:900;line-height:1.2}.toolCard:first-child .toolTitle{font-size:22px}.toolDesc{color:#ffffffe0;text-shadow:0 1px 4px #000000e6;max-width:48ch;margin:0;font-size:13px;line-height:1.5}.toolArrowWrap{color:var(--vcrdb-red);opacity:0;align-items:center;margin-top:10px;transition:opacity .16s,transform .16s;display:flex;transform:translate(-5px)}.toolCard:hover .toolArrowWrap{opacity:1;transform:translate(0)}.devProjects{border-top:1px solid color-mix(in srgb, var(--ch-border) 70%, transparent);margin-top:42px;padding-top:30px}.devProjectsHead{text-align:center;margin-bottom:18px}.devProjectsKicker{letter-spacing:.18em;text-transform:uppercase;color:var(--ch-text-muted);opacity:.62;margin-bottom:8px;font-size:10px;font-weight:900;display:inline-block}.devProjectsTitle{color:var(--ch-text-main);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:900}.devProjectsSub{max-width:48ch;color:var(--ch-text-muted);margin:8px auto 0;font-size:13px;line-height:1.6}.devProjectsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.devProjectCard{border-radius:calc(var(--ch-radius) + 4px);border:1px solid color-mix(in srgb, var(--ch-border) 70%, transparent);background:var(--ch-bg-card);min-height:168px;color:inherit;isolation:isolate;flex-direction:column;justify-content:flex-end;padding:20px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.devProjectCard:after{content:"";background:linear-gradient(90deg, transparent, var(--vcrdb-red), transparent);opacity:.5;height:2px;transition:opacity .18s;position:absolute;inset:auto 18px 0}.devProjectCard:hover{border-color:color-mix(in srgb, var(--vcrdb-red) 48%, transparent);transform:translateY(-2px);box-shadow:0 8px 28px #00000052}.devProjectCard:hover:after{opacity:1}.devProjectBg{object-fit:cover;z-index:0;transition:transform .3s;transform:scale(1)}.devProjectCard:hover .devProjectBg{transform:scale(1.04)}.devProjectOverlay{z-index:1;background:radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--vcrdb-red) 20%, transparent), transparent 34%), linear-gradient(to top, #080a0efa 0%, #080a0ee6 34%, #080a0e94 68%, #080a0e40 100%);transition:background .18s;position:absolute;inset:0}.devProjectTag{z-index:2;border:1px solid color-mix(in srgb, var(--vcrdb-red) 42%, transparent);background:color-mix(in srgb, var(--vcrdb-red) 14%, transparent);width:fit-content;color:var(--vcrdb-red);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:3px 8px;font-size:10px;font-weight:900;position:relative}.devProjectTitle{z-index:2;color:var(--ch-text-main);margin:0;font-size:18px;font-weight:900;line-height:1.15;position:relative}.devProjectDesc{z-index:2;color:#ffffffdb;text-shadow:0 1px 4px #000000d9;margin:7px 0 0;font-size:13px;line-height:1.55;position:relative}.devProjectLink{z-index:2;color:var(--ch-text-main);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:900;display:inline-flex;position:relative}.toolsLoadingHeader{flex-direction:column;align-items:center;gap:10px;margin-bottom:32px;display:flex}.toolsSkeleton{border-radius:calc(var(--ch-radius) + 4px);background:linear-gradient(110deg, color-mix(in srgb, var(--ch-bg-card) 70%, transparent), color-mix(in srgb, var(--ch-bg-surface) 70%, transparent), color-mix(in srgb, var(--ch-bg-card) 70%, transparent));background-size:200% 100%;animation:1.2s ease-in-out infinite toolsSkeleton}.toolsSkeletonTitle{width:220px;height:34px}.toolsSkeletonSub{width:min(320px,80vw);height:16px}.toolsSkeletonHero{grid-column:1/-1;min-height:290px}.toolsSkeletonCard{min-height:210px}.toolsSkeletonCard:nth-child(2){grid-column:1/3}.toolsSkeletonCard:nth-child(3){grid-column:3/4}.toolsSkeletonCard:nth-child(4){grid-column:1/-1}@keyframes toolsSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:700px){.toolsGrid{grid-template-columns:repeat(2,1fr)}.toolCard:first-child{grid-column:1/-1;min-height:240px}.toolCard:nth-child(2),.toolCard:nth-child(3),.toolCard:nth-child(4),.toolsSkeletonCard:nth-child(2),.toolsSkeletonCard:nth-child(3),.toolsSkeletonCard:nth-child(4){grid-column:auto;min-height:180px}.devProjectsGrid{grid-template-columns:1fr}}@media (max-width:480px){.toolsGrid{grid-template-columns:1fr;gap:8px}.toolCard:first-child,.toolCard:nth-child(2),.toolCard:nth-child(3),.toolCard:nth-child(4),.toolsSkeletonHero,.toolsSkeletonCard{grid-column:auto;min-height:180px}.toolCard:first-child,.toolsSkeletonHero{min-height:220px}.toolsHeader{padding-bottom:20px}.devProjects{margin-top:34px;padding-top:24px}}@media (prefers-reduced-motion:reduce){.toolCard,.toolCard:after,.toolCardOverlay,.toolCardBg,.toolArrowWrap{transition:none}.toolCard:hover{transform:none}.toolCard:hover .toolCardBg{transform:scale(1)}.toolArrowWrap{transition:opacity}.devProjectCard{transition:none}.devProjectCard:hover{transform:none}.toolsSkeleton{animation:none}}