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}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px}h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#61dafb,#21aa58);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:.5rem}.url-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:30px 0}.url-form input{background-color:#fff;border:2px solid #61dafb;border-radius:8px;color:#282c34;font-size:16px;min-width:300px;outline:none;padding:12px 16px}.url-form input:focus{border-color:#21aa58;box-shadow:0 0 0 2px #21aa5833}.url-form button{background:linear-gradient(45deg,#61dafb,#21aa58);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.url-form button:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.url-form button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error{background-color:#ff6b6b;border-radius:8px;color:#fff;font-weight:500;margin:20px 0;padding:12px 20px}.result{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin:20px 0;padding:24px}.result h3{color:#61dafb;margin-bottom:16px}.short-url{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.short-url a{color:#21aa58;font-size:18px;font-weight:600;text-decoration:none;word-break:break-all}.short-url a:hover{text-decoration:underline}.copy-btn{background-color:#61dafb;border:none;border-radius:6px;color:#282c34;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s}.copy-btn:hover{background-color:#21aa58;color:#fff}@media (max-width:768px){.url-form input{min-width:250px}.short-url{flex-direction:column}h1{font-size:2.5rem}}
/*# sourceMappingURL=main.f37e4043.css.map*/