body{background:linear-gradient(135deg,var(--utila-bg-main) 0%,var(--utila-bg-secondary) 100%)}.hero-section.svelte-136c6pl{position:relative;padding:120px 20px 80px;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--utila-primary) 0%,var(--utila--secondary) 100%);margin-bottom:60px}.hero-content.svelte-136c6pl{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero-badge.svelte-136c6pl{margin-bottom:24px;animation:svelte-136c6pl-fadeInDown .6s ease}.hero-title.svelte-136c6pl{font-size:4rem;font-weight:900;margin-bottom:24px;animation:svelte-136c6pl-fadeInUp .6s ease .2s backwards;line-height:1.1}.hero-subtitle.svelte-136c6pl{font-size:1.5rem;margin-bottom:40px;animation:svelte-136c6pl-fadeInUp .6s ease .4s backwards}.hero-actions.svelte-136c6pl{display:flex;gap:16px;justify-content:center;animation:svelte-136c6pl-fadeInUp .6s ease .6s backwards;flex-wrap:wrap}.hero-actions.svelte-136c6pl .btn:where(.svelte-136c6pl){box-shadow:0 8px 24px #00000026}.hero-decoration.svelte-136c6pl{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.theme-toggle.svelte-136c6pl{top:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #00000026}.theme-icon.svelte-136c6pl{font-size:20px}.theme-text.svelte-136c6pl{font-weight:600}.page-wrapper.svelte-136c6pl{max-width:1200px;margin:0 auto;padding:0 20px 80px}.component-section.svelte-136c6pl{margin-bottom:60px;animation:svelte-136c6pl-fadeInUp .6s ease}.section-header.svelte-136c6pl{margin-bottom:24px}.section-title.svelte-136c6pl{font-size:2.5rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--utila-primary),var(--utila-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description.svelte-136c6pl{font-size:1.1rem;color:var(--text-secondary)}.component-card.svelte-136c6pl{background:var(--utila-bg-card);padding:32px;border-radius:16px;border:1px solid var(--utila-border);box-shadow:0 4px 20px var(--utila-shadow);transition:all .3s ease}.component-card.svelte-136c6pl:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--utila-shadow)}.card-label.svelte-136c6pl{font-size:.875rem;font-weight:700;color:var(--utila-text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.button-showcase.svelte-136c6pl{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.button-showcase.svelte-136c6pl:last-child{margin-bottom:0}.badge-showcase.svelte-136c6pl{display:flex;gap:12px;flex-wrap:wrap}.progress-item.svelte-136c6pl{margin-bottom:20px}.progress-item.svelte-136c6pl:last-child{margin-bottom:0}.progress-label.svelte-136c6pl{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.875rem;font-weight:600;color:var(--utila-text-secondary)}.spinner-showcase.svelte-136c6pl{display:flex;gap:24px;justify-content:center;align-items:center;padding:20px 0}.tab-pane-content.svelte-136c6pl{padding:24px;background:var(--utila-bg-secondary);border-radius:12px;margin-top:-1px}.tab-pane-content.svelte-136c6pl h3:where(.svelte-136c6pl){margin-bottom:12px}.accordion-header{display:flex;justify-content:space-between;align-items:center}.accordion-icon.svelte-136c6pl{font-size:12px;transition:transform .3s ease}.accordion-body.show+.accordion-header .accordion-icon.svelte-136c6pl{transform:rotate(180deg)}.table-container.svelte-136c6pl{overflow-x:auto;border-radius:12px;border:1px solid var(--utila-border)}.form-group.svelte-136c6pl{margin-bottom:24px}.page-footer.svelte-136c6pl{text-align:center;padding:60px 20px 40px;margin-top:80px;border-top:2px solid var(--utila-border);color:var(--utila-text-secondary)}.page-footer.svelte-136c6pl p:where(.svelte-136c6pl){margin-bottom:12px}.footer-links.svelte-136c6pl{font-size:.875rem}.footer-links.svelte-136c6pl a:where(.svelte-136c6pl){color:var(--utila-primary);text-decoration:none;transition:all .2s}.footer-links.svelte-136c6pl a:where(.svelte-136c6pl):hover{color:var(--utila-primary-dark);text-decoration:underline}@keyframes svelte-136c6pl-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-136c6pl-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title.svelte-136c6pl{font-size:2.5rem}.hero-subtitle.svelte-136c6pl{font-size:1.1rem}.section-title.svelte-136c6pl{font-size:1.75rem}.component-card.svelte-136c6pl{padding:20px}.theme-toggle.svelte-136c6pl{top:16px;right:16px}.theme-text.svelte-136c6pl{display:none}}