.converter-index-page{max-width:1000px;margin:0 auto;padding:20px}.converter-index-page .breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.converter-index-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.converter-index-page .breadcrumb a:hover{text-decoration:underline}.converter-index-page .breadcrumb .separator{color:var(--color-text-tertiary)}.converter-index-page .breadcrumb .current{color:var(--color-text-primary);font-weight:500}.converter-index-page .page-header{text-align:center;background:linear-gradient(135deg,var(--color-dawn)0%,var(--color-day)100%);border-radius:var(--radius-lg);color:#09090b;margin-bottom:40px;padding:40px 20px}.converter-index-page .page-header h1{margin:0 0 12px;font-size:36px;font-weight:700}.converter-index-page .page-header p{opacity:.8;margin:0;font-size:18px}.conversions-section{margin-bottom:40px}.conversions-section h2{color:var(--color-text-primary);margin:0 0 12px;font-size:24px;font-weight:600}.section-desc{color:var(--color-text-secondary);margin:0 0 20px}.conversions-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.conversion-card{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:16px;text-decoration:none;display:flex}.conversion-card:hover{background:linear-gradient(135deg,var(--color-dawn),var(--color-day));border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.conversion-card .from-tz,.conversion-card .to-tz{color:var(--color-text-primary);font-weight:600}.conversion-card .arrow{color:var(--color-day)}.conversion-card:hover .from-tz,.conversion-card:hover .to-tz,.conversion-card:hover .arrow{color:#09090b}.timezones-section{margin-bottom:40px}.timezones-section h2{color:var(--color-text-primary);margin:0 0 12px;font-size:24px;font-weight:600}.region-group{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:24px;padding:20px}.region-group h3{color:var(--color-day);margin:0 0 12px;font-size:16px;font-weight:600}.timezone-pills{flex-wrap:wrap;gap:8px;display:flex}.tz-pill{background:var(--color-surface-solid);border-radius:var(--radius-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:8px 12px;font-size:13px}.tz-pill strong{color:var(--color-text-primary)}.seo-content{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);margin-bottom:32px;padding:32px}.seo-content h2{color:var(--color-text-primary);margin:0 0 16px;font-size:24px}.seo-content h3{color:var(--color-text-primary);margin:24px 0 12px;font-size:18px}.seo-content p{color:var(--color-text-secondary);margin:0 0 16px;line-height:1.7}.seo-content ul{margin:0;padding-left:20px}.seo-content li{color:var(--color-text-secondary);margin-bottom:8px;line-height:1.8}.seo-content li strong{color:var(--color-text-primary)}@media (max-width:768px){.converter-index-page{padding:16px}.converter-index-page .page-header{padding:24px 16px}.converter-index-page .page-header h1{font-size:28px}.conversions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.region-group{padding:16px}.seo-content{padding:20px}}