.home-page{display:flex;flex-direction:column;gap:32px}.home-hero{background:var(--teb-surface);border:1px solid var(--teb-hairline);border-radius:16px;box-shadow:var(--teb-shadow-card);padding:32px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.home-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--teb-primary),var(--teb-lime))}@media (max-width: 720px){.home-hero{flex-direction:column;align-items:flex-start;padding:24px}}.home-hero__body{flex:1}.home-hero__title{font-family:var(--teb-font-display);font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--teb-ink);font-variation-settings:"wght" 700,"opsz" 24,"wdth" 100;margin:0 0 8px}@media (max-width: 576px){.home-hero__title{font-size:28px}}.home-hero__desc{font-size:15px;color:var(--teb-ink-muted);line-height:1.5;max-width:52ch;margin:0}.home-hero__stats{display:flex;gap:24px;flex-shrink:0}@media (max-width: 720px){.home-hero__stats{gap:20px;margin-top:16px}}.home-hero__stat{text-align:right}@media (max-width: 720px){.home-hero__stat{text-align:left}}.home-hero__stat-num{display:block;font-family:var(--teb-font-mono);font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--teb-ink);line-height:1}.home-hero__stat-lbl{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--teb-ink-muted);margin-top:4px}.home-hint{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--teb-primary-tint);color:var(--teb-primary-ink);border:1px solid var(--teb-primary-tint2);border-radius:10px;font-size:13px}.home-hint kbd{font-family:var(--teb-font-mono);font-size:11px;color:var(--teb-primary-ink);background:var(--teb-surface);border:1px solid var(--teb-primary-tint2);border-bottom-width:2px;border-radius:4px;padding:1px 5px}.home-hint__close{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--teb-primary-ink);opacity:.6;padding:2px;border-radius:4px;min-height:auto;min-width:auto;margin-right:0}.home-hint__close:hover{opacity:1}.home-search__wrap{position:relative;max-width:600px}.home-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--teb-ink-faint);pointer-events:none}.home-search__input{width:100%;padding:12px 44px 12px 40px;background:var(--teb-surface);border:1px solid var(--teb-hairline);border-radius:10px;font-size:14px;font-family:var(--teb-font-sans);color:var(--teb-ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease;min-height:auto;min-width:auto;margin:0}.home-search__input::placeholder{color:var(--teb-ink-faint)}.home-search__input:focus{border-color:var(--teb-primary);box-shadow:var(--teb-ring)}.home-search__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--teb-canvas);border:1px solid var(--teb-hairline);border-radius:6px;cursor:pointer;color:var(--teb-ink-muted);min-height:auto;min-width:auto;padding:0;margin:0}.home-search__clear:hover{background:var(--teb-hairline)}.home-section__title{font-family:var(--teb-font-sans);font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--teb-ink);margin:0 0 12px}.home-no-results{padding:48px 24px;text-align:center;color:var(--teb-ink-muted);font-size:14px;background:var(--teb-surface);border:1px dashed var(--teb-hairline);border-radius:14px}.home-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.home-tool-card{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--teb-surface);border:1px solid var(--teb-hairline);border-radius:14px;box-shadow:var(--teb-shadow-card);cursor:pointer;position:relative;text-decoration:none;color:inherit;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease,border-color .15s ease;min-height:124px}.home-tool-card:hover{transform:translateY(-1px);border-color:var(--teb-primary);box-shadow:0 4px 12px -4px #5b4bff2e,0 1px 2px #16161a0a;text-decoration:none;color:inherit}.home-tool-card:focus-visible{outline:none;box-shadow:var(--teb-ring);border-radius:14px}.home-tool-card__new{display:inline-block;vertical-align:middle;margin-left:8px;background:linear-gradient(90deg,var(--teb-primary),var(--teb-lime));color:#fff;font-family:var(--teb-font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;line-height:1.2;box-shadow:0 1px 4px #5b4bff4d}.home-tool-card__star{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;color:var(--teb-ink-faint);border-radius:6px;cursor:pointer;transition:color .12s ease,transform .15s cubic-bezier(.34,1.56,.64,1);min-height:auto;min-width:auto;margin:0}.home-tool-card__star:hover{color:var(--teb-warning);transform:scale(1.2)}.home-tool-card__star.is-pinned{color:var(--teb-warning)}.home-tool-card__star:focus-visible{outline:none;box-shadow:var(--teb-ring)}.home-tool-card__ico{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ico-tone-primary{background:var(--teb-primary-tint);color:var(--teb-primary)}.ico-tone-success{background:var(--teb-success-tint);color:var(--teb-success-ink, var(--teb-success))}.ico-tone-warning{background:var(--teb-warning-tint);color:var(--teb-warning-ink, var(--teb-warning))}.ico-tone-error{background:var(--teb-error-tint);color:var(--teb-error)}.ico-tone-dark{background:#16161a;color:var(--teb-lime)}body.theme-dark .ico-tone-dark{background:#2a2a30;color:var(--teb-lime)}.home-tool-card__name{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--teb-ink);display:flex;align-items:center;gap:8px;padding-right:24px}.home-tool-card__desc{font-size:12px;color:var(--teb-ink-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}