.td-header {position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-elev-1) 88%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--border);}
.td-header__inner {max-width:var(--container-max);margin:0 auto;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-5);min-height:var(--header-h);}
.td-logo {display:inline-flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:var(--text);font-weight:700;font-size:var(--fs-lg);line-height:1;}
.td-logo img {height:36px;width:auto;}
.td-logo__text {display:none;}
.td-logo--text-only .td-logo__text {display:inline;font-size:var(--fs-xl);letter-spacing:-0.01em;}
.td-footer__brand-name {display:inline-block;font-weight:700;font-size:var(--fs-xl);color:var(--text);}
.td-nav {display:flex;flex:1;}
.td-nav__list {display:flex;list-style:none;margin:0;padding:0;gap:var(--sp-2);align-items:center;}
.td-nav__list a {display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--rad-md);color:var(--text-muted);font-weight:500;text-decoration:none;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out);}
.td-nav__list a:hover,.td-nav__list a:focus-visible {color:var(--brand-700);background:var(--accent-soft);text-decoration:none;}
.td-nav__list a[aria-current="page"] {color:var(--brand-700);background:var(--accent-soft);}
.td-header__actions {display:flex;gap:var(--sp-2);align-items:center;}
.td-icon-btn {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--rad-md);color:var(--text-muted);background:transparent;border:1px solid transparent;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);}
.td-icon-btn:hover,.td-icon-btn:focus-visible {color:var(--brand-700);background:var(--accent-soft);border-color:var(--border);}
.td-lang-switch {display:inline-flex;border:1px solid var(--border);border-radius:var(--rad-pill);padding:3px;background:var(--surface);}
.td-lang-switch a {padding:5px 12px;border-radius:var(--rad-pill);font-size:var(--fs-sm);color:var(--text-muted);text-decoration:none;transition:background var(--t-fast),color var(--t-fast);}
.td-lang-switch a[aria-current="true"] {background:var(--brand-700);color:#fff;font-weight:700;}
.td-menu-toggle {display:none;}
.td-main {min-height:60vh;padding:var(--sp-7) 0 var(--sp-9);}
.td-hero {position:relative;background:linear-gradient(135deg,var(--brand-800) 0%,var(--brand-600) 55%,var(--brand-500) 100%);color:#fff;padding:var(--sp-11) var(--sp-5) var(--sp-12);border-radius:var(--rad-xl);overflow:hidden;text-align:center;box-shadow:var(--shadow-xl);}
.td-hero::before {content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;opacity:.4;pointer-events:none;}
.td-hero__eyebrow {display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);color:#fff;padding:6px 14px;border-radius:var(--rad-pill);font-size:var(--fs-sm);font-weight:600;letter-spacing:0.04em;margin-bottom:var(--sp-4);position:relative;z-index:1;}
.td-hero h1 {font-size:clamp(28px,5vw,var(--fs-4xl));margin:0 0 var(--sp-3);color:#fff;position:relative;z-index:1;}
.td-hero p {font-size:var(--fs-lg);margin:0 auto var(--sp-7);max-width:640px;opacity:.95;position:relative;z-index:1;}
.td-search-form {display:flex;align-items:center;gap:8px;max-width:680px;margin:0 auto;background:#fff;padding:8px;border-radius:var(--rad-pill);box-shadow:var(--shadow-lg);position:relative;z-index:1;}
.td-search-form .td-icon {color:var(--text-muted);margin-inline-start:12px;flex-shrink:0;}
.td-search-form input {flex:1;border:0;padding:14px 8px;font-size:var(--fs-base);background:transparent;color:var(--text);min-width:0;}
.td-search-form input:focus {outline:0;}
.td-search-form button {background:var(--brand-700);color:#fff;border:0;padding:14px 28px;border-radius:var(--rad-pill);font-weight:700;font-size:var(--fs-base);transition:background var(--t-fast),transform var(--t-fast);flex-shrink:0;}
.td-search-form button:hover {background:var(--brand-800);}
.td-search-form button:active {transform:translateY(1px);}
.td-tld-strip {display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-5);position:relative;z-index:1;}
.td-tld-chip {display:inline-block;padding:6px 14px;background:rgba(255,255,255,.16);color:#fff;border-radius:var(--rad-pill);font-size:var(--fs-sm);font-weight:600;text-decoration:none;transition:background var(--t-fast),transform var(--t-fast);direction:ltr;}
.td-tld-chip:hover,.td-tld-chip:focus-visible {background:#fff;color:var(--brand-700);text-decoration:none;}
.td-trust-strip {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-5);margin-top:var(--sp-9);}
.td-trust {display:flex;gap:var(--sp-3);align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--rad-lg);padding:var(--sp-5);transition:transform var(--t-base),box-shadow var(--t-base);}
.td-trust:hover {transform:translateY(-2px);box-shadow:var(--shadow-md);}
.td-trust__icon {flex-shrink:0;width:44px;height:44px;border-radius:var(--rad-md);background:var(--accent-soft);color:var(--brand-700);display:flex;align-items:center;justify-content:center;}
.td-trust__title {font-weight:700;margin:0 0 4px;color:var(--text);}
.td-trust__desc {color:var(--text-muted);font-size:var(--fs-sm);margin:0;}
.td-card {background:var(--surface);border:1px solid var(--border);border-radius:var(--rad-lg);padding:var(--sp-5);transition:border-color var(--t-fast),box-shadow var(--t-fast);}
.td-card--glass {background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);}
.td-card--feature {background:linear-gradient(180deg,var(--surface) 0%,var(--surface-alt) 100%);}
.td-card--result {padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;border-radius:var(--rad-md);}
.td-card--result + .td-card--result {margin-top:var(--sp-2);}
.td-card--result:hover {border-color:var(--border-strong);box-shadow:var(--shadow-sm);}
.td-card--hero-result {padding:var(--sp-6);border:2px solid var(--brand-200);background:linear-gradient(180deg,var(--accent-soft) 0%,var(--surface) 100%);}
.td-card__header {display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4);}
.td-card__title {margin:0;font-size:var(--fs-lg);font-weight:700;}
.td-card__footer {padding-top:var(--sp-4);margin-top:var(--sp-4);border-top:1px solid var(--border);display:flex;gap:var(--sp-3);justify-content:flex-end;}
.td-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:var(--brand-700);color:#fff;border-radius:var(--rad-md);text-decoration:none;border:1px solid transparent;font-weight:600;font-size:var(--fs-base);line-height:1.2;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);white-space:nowrap;}
.td-btn:hover {background:var(--brand-800);color:#fff;text-decoration:none;}
.td-btn:active {transform:translateY(1px);}
.td-btn:disabled,.td-btn[aria-disabled="true"] {opacity:.55;cursor:not-allowed;pointer-events:none;}
.td-btn--primary {background:var(--brand-700);}
.td-btn--accent {background:var(--accent-500);color:#1a1a1a;}
.td-btn--accent:hover {background:var(--accent-600);color:#fff;}
.td-btn--secondary {background:var(--neutral-200);color:var(--text);}
.td-btn--secondary:hover {background:var(--neutral-300);color:var(--text);}
.td-btn--ghost {background:transparent;color:var(--brand-700);border-color:var(--border-strong);}
.td-btn--ghost:hover {background:var(--accent-soft);color:var(--brand-800);}
.td-btn--success {background:var(--success-500);}
.td-btn--success:hover {background:var(--success-600);color:#fff;}
.td-btn--danger {background:var(--danger-500);}
.td-btn--danger:hover {background:var(--danger-600);color:#fff;}
.td-btn--sm {padding:6px 12px;font-size:var(--fs-sm);border-radius:var(--rad-sm);}
.td-btn--lg {padding:14px 26px;font-size:var(--fs-lg);border-radius:var(--rad-md);}
.td-btn--block {width:100%;}
.td-form {display:flex;flex-direction:column;gap:var(--sp-4);max-width:540px;}
.td-form-row {display:flex;flex-direction:column;gap:6px;}
.td-form label {font-weight:600;font-size:var(--fs-sm);color:var(--text);}
.td-form input,.td-form select,.td-form textarea {width:100%;padding:11px 14px;font-size:var(--fs-base);border:1px solid var(--border-strong);border-radius:var(--rad-md);background:var(--surface);color:var(--text);transition:border-color var(--t-fast),box-shadow var(--t-fast);}
.td-form input:hover,.td-form select:hover,.td-form textarea:hover {border-color:var(--brand-300);}
.td-form input:focus,.td-form select:focus,.td-form textarea:focus {outline:0;border-color:var(--brand-500);box-shadow:var(--shadow-glow);}
.td-form input[aria-invalid="true"],.td-form select[aria-invalid="true"],.td-form textarea[aria-invalid="true"] {border-color:var(--danger-500);}
.td-form input[aria-invalid="true"]:focus,.td-form select[aria-invalid="true"]:focus,.td-form textarea[aria-invalid="true"]:focus {box-shadow:0 0 0 4px rgba(220,53,69,.18);}
.td-help {color:var(--text-muted);font-size:var(--fs-sm);margin-top:4px;}
.td-error {color:var(--danger-600);font-size:var(--fs-sm);margin-top:4px;display:flex;align-items:center;gap:4px;}
.td-alert {padding:14px 16px;border-radius:var(--rad-md);margin-bottom:var(--sp-4);border:1px solid transparent;display:flex;gap:10px;align-items:flex-start;}
.td-alert--success {background:var(--success-50);color:var(--success-600);border-color:#b6e4c2;}
.td-alert--error {background:var(--danger-50);color:var(--danger-600);border-color:#f4b8b3;}
.td-alert--info {background:var(--info-50);color:var(--info-500);border-color:#b6dee9;}
.td-alert--warn {background:var(--warning-50);color:var(--warning-600);border-color:#f1d971;}
.td-table {width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--rad-md);overflow:hidden;}
.td-table th,.td-table td {padding:12px 14px;text-align:start;border-bottom:1px solid var(--border);vertical-align:middle;}
.td-table tbody tr:last-child td {border-bottom:0;}
.td-table tbody tr {transition:background var(--t-fast);}
.td-table tbody tr:hover {background:var(--surface-alt);}
.td-table th {background:var(--surface-alt);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);}
.td-table caption {text-align:start;padding:var(--sp-3) var(--sp-4);font-weight:700;background:var(--surface);}
.td-badge {display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--rad-pill);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.02em;}
.td-badge--ok {background:var(--success-50);color:var(--success-600);}
.td-badge--warn {background:var(--warning-50);color:var(--warning-600);}
.td-badge--err {background:var(--danger-50);color:var(--danger-600);}
.td-badge--info {background:var(--info-50);color:var(--info-500);}
.td-badge--neutral {background:var(--neutral-100);color:var(--neutral-700);}
.td-pill {display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--rad-pill);background:var(--surface-alt);color:var(--text);font-size:var(--fs-sm);font-weight:600;border:1px solid var(--border);}
.td-price {display:inline-flex;align-items:baseline;gap:4px;font-weight:700;color:var(--text);}
.td-price__amount {font-size:var(--fs-xl);}
.td-price__period {color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;}
.td-price--lg .td-price__amount {font-size:var(--fs-3xl);color:var(--brand-700);}
.td-result__name {font-size:var(--fs-lg);font-weight:700;direction:ltr;display:flex;align-items:center;gap:8px;}
.td-result__name strong {color:var(--brand-700);}
.td-feature-list {list-style:none;margin:var(--sp-3) 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.td-feature-list li {display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:var(--fs-sm);}
.td-feature-list .td-icon {color:var(--success-500);}
.td-section {margin:var(--sp-9) 0;}
.td-section__title {font-size:var(--fs-2xl);margin:0 0 var(--sp-4);}
.td-section__subtitle {color:var(--text-muted);margin:0 0 var(--sp-6);max-width:680px;}
.td-footer {background:var(--surface);border-top:1px solid var(--border);padding:var(--sp-9) 0 var(--sp-5);margin-top:var(--sp-11);}
.td-footer__cols {display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--sp-7);max-width:var(--container-max);margin:0 auto;padding:0 var(--sp-4);}
.td-footer__brand {display:flex;flex-direction:column;gap:var(--sp-3);}
.td-footer__brand img {height:40px;width:auto;}
.td-footer__brand-tagline {color:var(--text-muted);font-size:var(--fs-sm);max-width:280px;}
.td-footer__title {font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0.08em;margin:0 0 var(--sp-3);color:var(--text-muted);font-weight:700;}
.td-footer__list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.td-footer__list a {color:var(--text);text-decoration:none;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:6px;}
.td-footer__list a:hover,.td-footer__list a:focus-visible {color:var(--brand-700);text-decoration:underline;}
.td-footer__bar {max-width:var(--container-max);margin:var(--sp-7) auto 0;padding:var(--sp-4) var(--sp-4) 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm);}
.td-pay-badges {display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;}
.td-pay-badge {padding:5px 10px;background:var(--surface-alt);color:var(--text-muted);border-radius:var(--rad-sm);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.04em;border:1px solid var(--border);}
.td-auth-shell {min-height:calc(100vh - var(--header-h) - 200px);display:flex;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-4);background:radial-gradient(ellipse at top,var(--accent-soft),transparent 60%);}
.td-auth-card {width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rad-xl);padding:var(--sp-7) var(--sp-6);box-shadow:var(--shadow-lg);}
.td-auth-card__brand {display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-6);}
.td-auth-card__brand img {height:48px;width:auto;}
.td-auth-card h1 {text-align:center;margin:0 0 var(--sp-2);font-size:var(--fs-2xl);}
.td-auth-card .td-auth-card__sub {text-align:center;color:var(--text-muted);margin:0 0 var(--sp-6);}
.td-auth-card .td-form {max-width:none;}
.td-auth-card__foot {margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--border);text-align:center;font-size:var(--fs-sm);color:var(--text-muted);}
.td-cta {background:linear-gradient(135deg,var(--brand-700),var(--brand-500));color:#fff;border-radius:var(--rad-xl);padding:var(--sp-9) var(--sp-7);text-align:center;box-shadow:var(--shadow-lg);}
.td-cta h2 {color:#fff;margin:0 0 var(--sp-3);font-size:var(--fs-2xl);}
.td-cta p {opacity:.9;margin:0 auto var(--sp-5);max-width:520px;}
.td-cta .td-btn {background:#fff;color:var(--brand-700);}
.td-cta .td-btn:hover {background:var(--accent-soft);color:var(--brand-800);}
.td-empty {text-align:center;padding:var(--sp-9) var(--sp-5);color:var(--text-muted);}
.td-empty .td-icon {color:var(--text-soft);margin-bottom:var(--sp-3);}
.td-tabs {display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:var(--sp-5);overflow-x:auto;}
.td-tabs a {padding:12px 18px;color:var(--text-muted);text-decoration:none;border-bottom:3px solid transparent;font-weight:600;white-space:nowrap;transition:color var(--t-fast),border-color var(--t-fast);}
.td-tabs a:hover {color:var(--brand-700);}
.td-tabs a[aria-current="page"] {color:var(--brand-700);border-bottom-color:var(--brand-700);}
.td-toolbar {display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-5);}
@media all and (max-width: 900px){
.td-footer__cols {grid-template-columns:repeat(2,1fr);gap:var(--sp-6);}
}
@media all and (max-width: 720px){
.td-menu-toggle {display:inline-flex;}
.td-nav {position:fixed;inset-inline-start:-100%;top:0;bottom:0;width:80%;max-width:320px;background:var(--surface);border-inline-end:1px solid var(--border);padding:var(--sp-7) var(--sp-5);transition:inset-inline-start var(--t-base) var(--ease-out);box-shadow:var(--shadow-xl);z-index:60;}
.td-nav[data-open="true"] {inset-inline-start:0;}
.td-nav__list {flex-direction:column;align-items:stretch;gap:0;}
.td-nav__list a {padding:14px 16px;}
.td-header__inner {gap:var(--sp-3);}
.td-hero {padding:var(--sp-9) var(--sp-4) var(--sp-10);}
.td-hero h1 {font-size:var(--fs-2xl);}
.td-hero p {font-size:var(--fs-base);}
.td-search-form {padding:6px;border-radius:var(--rad-lg);}
.td-search-form input {padding:12px 6px;}
.td-search-form button {padding:12px 18px;}
.td-footer__cols {grid-template-columns:1fr;}
.td-card--result {flex-direction:column;align-items:flex-start;}
}
@keyframes td-spin {from {transform:rotate(0);} to {transform:rotate(360deg);}}
@keyframes td-fade-in {from {opacity:0;transform:translateY(6px);} to {opacity:1;transform:translateY(0);}}