.hero-section.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.container.svelte-1uha8ag{width:100%;max-width:800px}.main-title.svelte-1uha8ag{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-main)}.gradient-text.svelte-1uha8ag{background:linear-gradient(135deg,#60a5fa,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle.svelte-1uha8ag{font-size:1.25rem;color:var(--text-muted);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.input-card.svelte-1uha8ag{padding:.75rem;box-shadow:0 25px 50px -12px #00000080;margin-bottom:2rem}.result-card.svelte-1uha8ag{padding:1.5rem;margin-bottom:2rem;text-align:center}.short-url-wrapper.svelte-1uha8ag{margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:12px}.short-url.svelte-1uha8ag{font-size:1.25rem;font-weight:700;color:#60a5fa;text-decoration:none}.error-message.svelte-1uha8ag{color:#ef4444;margin-bottom:2rem}.input-wrapper.svelte-1uha8ag{display:flex;gap:.5rem}.url-input.svelte-1uha8ag{flex:1;background:transparent;border:none;padding:1rem 1.5rem;font-size:1.1rem;color:var(--text-main);outline:none;width:100%}.url-input.svelte-1uha8ag::placeholder{color:#ffffff4d}.submit-btn.svelte-1uha8ag{background:var(--text-main);color:var(--bg-color);border:none;padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:120px}.submit-btn.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #fff3}.submit-btn.svelte-1uha8ag:active{transform:translateY(0)}.submit-btn.svelte-1uha8ag:disabled{opacity:.7;cursor:not-allowed}.features.svelte-1uha8ag{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.feature-tag.svelte-1uha8ag{font-size:.875rem;color:var(--text-muted);background:#ffffff0d;padding:.5rem 1rem;border-radius:99px;border:1px solid rgba(255,255,255,.05)}.loader.svelte-1uha8ag{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--bg-color);border-radius:50%;animation:svelte-1uha8ag-spin 1s linear infinite}@keyframes svelte-1uha8ag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.main-title.svelte-1uha8ag{font-size:2.5rem}.input-wrapper.svelte-1uha8ag{flex-direction:column}.submit-btn.svelte-1uha8ag{width:100%}}