body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#0a4d68;--primary-hover:#088395;--secondary-color:#05bfdb;--success-color:#025464;--error-color:#991b1b;--text-primary:#0a4d68;--text-secondary:#088395;--background-main:#f0f9ff;--background-card:#fff;--border-color:#93c5fd;--gradient-start:#e0f2fe;--gradient-end:#f0f9ff;--shadow-sm:0 1px 2px 0 #0a4d680d;--shadow-md:0 4px 6px -1px #0a4d681a;--shadow-lg:0 10px 15px -3px #0a4d681a}.url-shortener-container{align-items:flex-start;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);display:flex;min-height:100vh;padding:40px 20px}.content-wrapper{background:#fff;background:var(--background-card);border:1px solid #93c5fd;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 15px -3px #0a4d681a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:800px;padding:40px;width:100%}.form-section{width:100%}.header{margin-bottom:30px;text-align:center}.logo{align-items:center;background:#f0f9ff;background:var(--background-main);border:2px solid #93c5fd;border:2px solid var(--border-color);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.logo i{color:#0a4d68;color:var(--primary-color);font-size:24px}.header h1{color:#0a4d68;color:var(--text-primary);font-size:2.25rem;font-weight:700;margin-bottom:12px}.subtitle{color:#088395;color:var(--text-secondary);font-size:1.1rem}.form-container{margin-top:20px}.input-group{align-items:stretch;display:flex;gap:12px;width:100%}.input-wrapper{flex:1 1;min-width:0;position:relative}.input-icon{color:#088395;color:var(--text-secondary);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.url-input{background:#f0f9ff;background:var(--background-main);border:2px solid #93c5fd;border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:#0a4d68;color:var(--text-primary);font-size:1rem;padding:16px 16px 16px 48px;transition:all .2s ease;width:100%}.url-input:focus{box-shadow:0 0 0 3px #0f4c5c1a;outline:none}.url-input:focus,.url-input:hover{border-color:#0a4d68;border-color:var(--primary-color)}.submit-button{align-items:center;background:linear-gradient(135deg,#0a4d68,#088395);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;min-width:fit-content;padding:0 24px;transition:all .3s ease;white-space:nowrap}.submit-button:hover{box-shadow:0 4px 6px -1px #0a4d681a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-button:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{align-items:center;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#991b1b;color:var(--error-color);display:flex;font-size:.9rem;gap:8px;margin-top:12px;padding:12px}.results-section{display:flex;flex-direction:column;gap:20px;margin-top:20px;min-height:200px;width:100%}.result-container{animation:slideUp .3s ease-out;background:#f0f9ff;background:var(--background-main);border:1px solid #93c5fd;border:1px solid var(--border-color);border-radius:16px;padding:24px}.result-container h2{align-items:center;color:#0a4d68;color:var(--text-primary);display:flex;font-size:1.25rem;gap:8px;margin-bottom:16px}.result-container h2 i{color:#025464;color:var(--success-color)}.shortened-url{align-items:stretch;display:flex;gap:12px;width:100%}.url-display-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.short-url-link{color:inherit;display:block;min-width:0;text-decoration:none;width:100%}.short-url-display{background:#fff;background:var(--background-card);border:2px solid #93c5fd;border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:1rem;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;transition:all .2s ease;width:100%}.short-url-link:hover .short-url-display{background:#f0f9ff;background:var(--background-main);border-color:#0a4d68;border-color:var(--primary-color)}.url-badge{background:#0a4d68;background:var(--primary-color);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:-4px;top:-8px}.copy-button{align-items:center;background:#f0f9ff;background:var(--background-main);border:2px solid #93c5fd;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:8px;min-width:fit-content;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.copy-button:hover{border-color:#0a4d68;border-color:var(--primary-color);color:#0a4d68;color:var(--primary-color)}.copy-button.copied{background-color:#025464;background-color:var(--success-color);border-color:#025464;border-color:var(--success-color);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.url-shortener-container{padding:20px 10px}.content-wrapper{border-radius:12px;padding:20px}.header h1{font-size:1.8rem}.input-group{flex-direction:column}.submit-button{justify-content:center;padding:16px}.submit-button:hover{transform:none}.shortened-url{flex-direction:column}.copy-button{justify-content:center;width:100%}}.redirect-container{align-items:center;background:var(--background-main);display:flex;justify-content:center;min-height:100vh}.redirect-message{color:var(--text-primary);font-size:1.2rem;padding:20px;text-align:center}
/*# sourceMappingURL=main.67e23788.css.map*/