:where(html[data-datakar-ui="legacy"]) .home-hero { padding-block:var(--dk-space-5) var(--dk-space-3) } :where(html[data-datakar-ui="legacy"]) .home-section-title { display:flex;align-items:center;gap:var(--dk-space-2);margin:0;font-size:1.25rem;line-height:1.6;font-weight:var(--dk-font-weight-bold) } :where(html[data-datakar-ui="legacy"]) .home-section-title::before { content:"";flex:0 0 auto;width:5px;height:16px;border-radius:999px;background:var(--dk-color-primary) } :where(html[data-datakar-ui="legacy"]) #home-title { font-size:clamp(1.5rem,3vw,1.75rem);line-height:1.5 } :where(html[data-datakar-ui="legacy"]) .home-intro, :where(html[data-datakar-ui="legacy"]) .home-about p { max-width:62ch;margin:var(--dk-space-3) 0 0;color:var(--dk-color-text-soft);font-size:var(--dk-font-size-md);line-height:1.9 } :where(html[data-datakar-ui="legacy"]) .home-section { margin-top:var(--dk-space-7) } :where(html[data-datakar-ui="legacy"]) .home-section-header { margin-bottom:var(--dk-space-4) } :where(html[data-datakar-ui="legacy"]) .home-app-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dk-space-3) } :where(html[data-datakar-ui="legacy"]) .home-app-card { position:relative;min-height:7rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;padding:1.25rem;border:1px solid var(--dk-color-border);border-radius:var(--dk-radius-lg);background:var(--dk-glass);color:var(--dk-color-text);text-decoration:none;transition:transform var(--dk-duration-normal) var(--dk-ease-standard),border-color var(--dk-duration-normal) var(--dk-ease-standard),box-shadow var(--dk-duration-normal) var(--dk-ease-standard),background-color var(--dk-duration-normal) var(--dk-ease-standard) } :where(html[data-datakar-ui="legacy"]) .home-app-card>div { min-width:0 } :where(html[data-datakar-ui="legacy"]) .home-app-icon { width:2.75rem;height:2.75rem;flex:0 0 2.75rem;display:grid;place-items:center;border-radius:.875rem;background:linear-gradient(135deg,rgb(230 126 34 / .13),rgb(58 184 170 / .09));color:var(--dk-color-link) } :where(html[data-datakar-ui="legacy"]) .home-app-icon svg { width:1.5rem;height:1.5rem } :where(html[data-datakar-ui="legacy"]) .home-app-card-title { margin:0;color:var(--dk-color-text);font-size:1rem;line-height:1.65;font-weight:700 } :where(html[data-datakar-ui="legacy"]) .home-app-card-meta { margin:var(--dk-space-1) 0 0;color:var(--dk-color-muted);font-size:var(--dk-font-size-sm);line-height:1.7 } :where(html[data-datakar-ui="legacy"]) .home-app-card-arrow { align-self:flex-end;color:var(--dk-color-primary);font-size:1.1rem;line-height:1;transition:transform var(--dk-duration-fast) var(--dk-ease-standard) } :where(html[data-datakar-ui="legacy"]) .home-app-card:hover, :where(html[data-datakar-ui="legacy"]) .home-app-card:focus-visible { border-color:var(--dk-color-primary);box-shadow:none;transform:none;text-decoration:none } :where(html[data-datakar-ui="legacy"]) .home-app-card:active { transform:translateY(0) } :where(html[data-datakar-ui="legacy"]) .home-app-card:hover .home-app-card-arrow { transform:translateX(-3px) } :where(html[data-datakar-ui="legacy"]) .home-about { padding:0;border:0;border-radius:0;background:transparent } :where(html[data-datakar-ui="legacy"]) .category-shortcuts { display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-block:1.1rem } :where(html[data-datakar-ui="legacy"]) .category-shortcuts a { white-space:normal;text-align:center } @supports(backdrop-filter:blur(12px)){ :where(html[data-datakar-ui="legacy"]) .home-app-card { backdrop-filter:blur(8px) } } @media(prefers-color-scheme:dark){ :where(html[data-datakar-ui="legacy"]) .home-app-icon { background:linear-gradient(135deg,rgb(230 126 34 / .17),rgb(58 184 170 / .12)) } } @media(max-width:620px){ :where(html[data-datakar-ui="legacy"]) .home-hero { padding-block-start:var(--dk-space-4) } :where(html[data-datakar-ui="legacy"]) .home-section { margin-top:var(--dk-space-6) } :where(html[data-datakar-ui="legacy"]) .home-app-grid { grid-template-columns:1fr } :where(html[data-datakar-ui="legacy"]) .home-app-card { padding:1rem;min-height:6rem } } @media(max-width:600px){ :where(html[data-datakar-ui="legacy"]) .category-shortcuts { gap:.5rem } :where(html[data-datakar-ui="legacy"]) .category-shortcuts a { font-size:.95rem } :where(html[data-datakar-ui="legacy"]) .home-hero { padding-top:1.8rem;padding-bottom:1.2rem } :where(html[data-datakar-ui="legacy"]) .home-section { margin-top:2rem } } @media(prefers-reduced-transparency:reduce){ :where(html[data-datakar-ui="legacy"]) .home-app-card { background:var(--dk-color-surface);backdrop-filter:none } } @media (max-width:380px) { :where(html[data-datakar-ui="legacy"]) .home-app-grid { grid-template-columns:minmax(0,1fr); } :where(html[data-datakar-ui="legacy"]) .home-app-card:not(.rates-feature) { min-width:0;overflow-wrap:anywhere; } }