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}.url-shortener-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.url-shortener-container:before{animation:floatGlow 20s infinite alternate;background:linear-gradient(45deg,#ff4b2b,#ff416c);height:600px;width:600px}.url-shortener-container:after,.url-shortener-container:before{border-radius:50%;content:"";filter:blur(80px);opacity:.15;position:absolute;transform-origin:center}.url-shortener-container:after{animation:floatGlow 15s infinite alternate-reverse;background:linear-gradient(225deg,#4834d4,#6b46c1);height:400px;width:400px}@keyframes floatGlow{0%{transform:translate(-30%,-30%) rotate(0deg)}50%{transform:translate(30%,30%) rotate(180deg)}to{transform:translate(-30%,-30%) rotate(1turn)}}.url-shortener-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212cc;border:1px solid #ffffff1a;border-radius:30px;max-width:800px;padding:clamp(30px,5vw,50px);position:relative;width:100%;z-index:1}.url-shortener-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%;z-index:-1}h1{color:#fff;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:-2px;line-height:1;margin-bottom:8px}.subtitle,h1{text-align:left}.subtitle{color:#fff9;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;margin-bottom:60px;max-width:80%}.url-form{display:flex;flex-direction:column;gap:30px}.input-group{align-items:center;display:flex;justify-content:space-around;position:relative;width:100%}.input-icon{color:#ffffff4d;font-size:1.4rem;left:20px;position:absolute;transition:color .3s ease}.input-group:focus-within .input-icon{color:#ff416c}input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;font-size:1.1rem;padding:25px 20px 25px 60px;text-align:justify;transition:all .3s ease;width:100%}input,input-group{justify-content:end}@media (max-width:600px){.input-place{font-size:1rem;padding:20px 15px 20px 48px}.input-icon{font-size:1rem;left:20px}}input:focus{background:#ffffff14;border-color:#fff3;box-shadow:0 0 0 4px #ff416c1a;outline:none}input::placeholder{color:#ffffff4d;text-align:justify}button{background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:0;overflow:hidden;padding:25px 40px;position:relative;text-transform:none;transition:all .3s ease}button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}button:hover:before{left:100%}button:hover{box-shadow:0 20px 40px #ff416c33;transform:translateY(-2px)}button:disabled{background:#ffffff1a;color:#fff6}.result-container{animation:fadeIn .5s ease;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:40px}.shortened-url{align-items:center;display:flex;gap:20px}.shortened-url input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;color:#ff416c;flex:1 1;font-size:1.1rem;font-weight:500;padding:25px}.copy-button{aspect-ratio:1;background:#ffffff0d;border-radius:20px;min-width:70px;padding:25px}.copy-button:hover{background:#ffffff1a}.error-message{animation:shake .5s ease;background:#ff416c1a;border:1px solid #ff416c33;border-radius:20px;color:#ff416c;margin-top:20px;padding:20px;text-align:left}@media (max-width:768px){.url-shortener-card{padding:30px}.shortened-url{flex-direction:column}.copy-button{aspect-ratio:auto;padding:20px;width:100%}button,input{padding:20px}h1{font-size:2.5rem}.subtitle{max-width:100%}}.success-animation{animation:successScale .5s ease}@keyframes successScale{0%{transform:scale(.95)}50%{transform:scale(1.02)}to{transform:scale(1)}}.loading{overflow:hidden;position:relative}.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.social-media-container{border-top:1px solid #ffffff1a;color:#333;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:50px;padding:20px;text-decoration:none;transition:color .3 ease}.social-media-container a:hover{color:#b1bfce}.social-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease-in-out;width:50px}.facebook{background:#1877f2}.twitter{background:#1da1f2}.instagram{background:linear-gradient(135deg,#833ab4,#e1306c,#fd1d1d)}.linkedin{background:#0a66c2}.github{background:#24292e}.social-icon:hover{box-shadow:0 10px 20px #fff3;transform:scale(1.1)}@media (max-width:768px){.social-media-container{flex-wrap:nowrap;gap:15px;padding:15px}.social-icon{font-size:1.3rem;height:45px;width:45px}}@media (max-width:480px){.social-media-container{flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:10px}.social-icon{flex-shrink:0;font-size:1.2rem;height:40px;width:40px}}.redirect-error,.redirect-loading{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.redirect-headline{color:#000}.loader{animation:rotation 1s linear infinite;border:5px solid #f7e1e1;border-bottom-color:#0000;border-radius:50%;height:48px;width:48px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.redirect-error{color:#ff416c}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App{text-align:center}
/*# sourceMappingURL=main.fb36a105.css.map*/