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{--gradient-primary:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);--gradient-dark:linear-gradient(45deg,#0f172a,#1e293b);--glass-background:#ffffff1a;--glass-border:#fff3;--animation-timing:cubic-bezier(0.4,0,0.2,1)}.app-container{background:linear-gradient(45deg,#0f172a,#1e293b);background:var(--gradient-dark);min-height:100vh;overflow:hidden;padding:2rem;position:relative}.background-animation{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:0}.background-animation:after,.background-animation:before{animation:backgroundRotate 20s cubic-bezier(.4,0,.2,1) infinite;animation:backgroundRotate 20s var(--animation-timing) infinite;background-image:radial-gradient(circle at 50% 50%,#60a5fa1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#a78bfa1a 0,#0000 50%),radial-gradient(circle at 20% 80%,#f472b61a 0,#0000 50%);content:"";height:150%;left:-25%;position:absolute;top:-25%;width:150%}.background-animation:after{animation-direction:reverse;animation-duration:30s;opacity:.7}@keyframes backgroundRotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.main-title{margin-bottom:3rem;perspective:1000px;position:relative;text-align:center}.gradient-text{animation:shimmer 3s linear infinite;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#0000;font-size:4rem;font-weight:900;letter-spacing:-.5px;text-shadow:0 0 20px #60a5fa4d}.gradient-text:after{content:attr(data-text);filter:blur(12px);left:0;opacity:.4;position:absolute;top:0;z-index:-1}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:2rem auto;perspective:1000px}.service-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-background);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:1.5rem;color:#fff;cursor:pointer;padding:1.5rem;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--animation-timing)}.service-button:before{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);background:var(--gradient-primary);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s var(--animation-timing);z-index:-1}.service-button:hover{box-shadow:0 20px 40px #0000004d,0 0 20px #60a5fa33;transform:translateY(-8px) rotateX(10deg)}.service-button:hover:before{opacity:.1}.service-button.active{box-shadow:inset 0 2px 8px #0003;transform:scale(.95) translateY(2px)}.service-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--animation-timing);width:32px}.service-button:hover .service-icon{filter:drop-shadow(0 0 12px rgba(255,255,255,.5));transform:translateY(-5px) scale(1.1)}.service-card{animation:cardEntrance .6s cubic-bezier(.4,0,.2,1);animation:cardEntrance .6s var(--animation-timing);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(12px);background:#ffffff1a;background:var(--glass-background);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:2rem;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff1a;padding:2.5rem}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.text-input,.url-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:1rem;box-shadow:inset 0 2px 4px #0000001a;color:#fff;padding:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--animation-timing);width:100%}.text-input:focus,.url-input:focus{border-color:#60a5fa80;box-shadow:0 0 0 4px #60a5fa33,inset 0 2px 4px #0000001a;outline:none}.submit-button{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);background:var(--gradient-primary);background-size:200% auto;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:1.2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--animation-timing);width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.submit-button:hover:not(:disabled){background-position:100%;box-shadow:0 10px 20px #0003,0 0 20px #60a5fa66;transform:translateY(-2px)}.submit-button:hover:before{left:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));height:24px;width:24px}.result-container{animation:resultEntrance .5s cubic-bezier(.4,0,.2,1);animation:resultEntrance .5s var(--animation-timing);background:#ffffff12;border:1px solid #ffffff1a;border-radius:1.5rem;box-shadow:0 10px 20px #0000001a,inset 0 0 0 1px #ffffff0d;color:#fff;margin-top:2rem;padding:1.5rem}@keyframes resultEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.gradient-text{font-size:2.5rem}.services-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.service-card{padding:1.5rem}}@media (max-width:480px){.gradient-text{font-size:2rem}.app-container{padding:1rem}}
/*# sourceMappingURL=main.9f83e1b2.css.map*/