@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;--color-primary: #667eea;--color-secondary: #764ba2;--color-accent: #f093fb;--color-bg-dark: #000000;--color-bg-darker: #000000;--color-text-light: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);color:var(--color-text-light);background:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#000;color:var(--color-text-light)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}.pixel-snow-container{width:100%;height:100%;position:relative;overflow:hidden;contain:layout style paint}.pixel-snow-container canvas{display:block;width:100%;height:100%;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.electric-border{--electric-light-color: oklch(from var(--electric-border-color) l c h);position:relative;border-radius:inherit;overflow:visible;isolation:isolate}.eb-canvas-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.eb-canvas{display:block}.eb-content{position:relative;border-radius:inherit;z-index:1}.eb-layers{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-sizing:border-box}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color) l c h / .6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;transform:scale(1.1);filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.pixel-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0}.pixel-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:25px;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);-webkit-user-select:none;user-select:none;background:#1e233280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,rgba(30,35,50,.8),transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1);z-index:1}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}.pixel-card:hover{border-color:#fff3}.landing-container{min-height:100vh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.landing-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.landing-content{position:relative;z-index:1;width:100%;max-width:1400px;padding:4rem 2rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6rem}.landing-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vh,2rem);max-width:900px;min-height:100vh;justify-content:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.875rem;font-weight:600;color:#fff;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-icon{font-size:1.2rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.landing-title{font-family:Poppins,sans-serif;font-size:clamp(2rem,6vw,4rem);font-weight:800;line-height:1.1;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:gradientShift 3s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing-subtitle{font-size:clamp(.9rem,1.5vw,1.125rem);line-height:1.5;color:#ffffffe6;margin:0;max-width:700px}.hero-buttons{display:flex;gap:1rem;margin-top:clamp(.5rem,2vh,1.5rem);flex-wrap:wrap;justify-content:center}.get-started-btn{padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;font-family:Poppins,sans-serif;color:#fff;border:none;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.get-started-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 40px #667eea80}.get-started-btn.secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0003}.get-started-btn.large{padding:1.25rem 3rem;font-size:1.25rem}.get-started-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#764ba2,#f093fb);opacity:0;transition:opacity .3s ease}.get-started-btn:hover:before{opacity:1}.get-started-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #f093fb99;color:#fff}.get-started-btn span,.get-started-btn svg{position:relative;z-index:1}.get-started-btn:active{transform:translateY(-1px)}.info-section{display:flex;flex-direction:column;gap:2.5rem;width:100%}.info-section h2{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.info-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;margin:0 auto}.info-pixel-card{width:100%;height:100%;min-height:250px;aspect-ratio:auto}.info-card-content{position:relative;z-index:2;padding:2rem;display:flex;flex-direction:column;gap:1rem;height:100%}.info-icon{font-size:3rem;margin-bottom:.5rem;display:block}.info-card-content h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.info-card-content p{font-size:1rem;color:#ffffffd9;line-height:1.6;margin:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.info-card h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.75rem}.info-card p{font-size:1rem;color:#ffffffb3;line-height:1.6}.services-showcase{display:flex;flex-direction:column;gap:2.5rem;width:100%}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;width:100%}.electric-card{width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.electric-card:hover{transform:translateY(-5px)}.service-showcase-card{background:#1e2332e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:420px;display:flex;flex-direction:column;gap:1.25rem}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.service-number{font-size:.875rem;font-weight:700;color:#fff9;letter-spacing:.1em}.service-diamond{font-size:1.5rem;color:#7df9ff;animation:pulse 2s ease-in-out infinite}.services-showcase-card h3{font-size:2rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.service-description{font-size:1rem;color:#fffc;line-height:1.6;margin:0}.service-features{list-style:none;padding:0;margin:.75rem 0;display:flex;flex-direction:column;gap:.875rem;flex:1}.service-features li{font-size:.95rem;color:#ffffffd9;padding-left:.5rem;line-height:1.5}.service-badge{display:inline-block;padding:.5rem 1rem;background:#7df9ff26;border:1px solid rgba(125,249,255,.3);border-radius:50px;font-size:.75rem;font-weight:700;color:#7df9ff;letter-spacing:.05em;text-transform:uppercase;align-self:flex-start;margin-top:auto}.architecture-section{display:flex;flex-direction:column;gap:2.5rem;width:100%}.architecture-section h2{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.architecture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.arch-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.arch-card:hover{background:#ffffff14;border-color:#667eea80;transform:translateY(-5px);box-shadow:0 15px 40px #667eea33}.arch-card h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.75rem}.arch-card p{font-size:1rem;color:#ffffffb3;line-height:1.6}.api-section{display:flex;flex-direction:column;gap:2.5rem;width:100%}.api-section h2{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.endpoint-pixel-card{width:100%;height:100%;min-height:320px;aspect-ratio:auto}.endpoint-category{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;height:100%}.endpoint-category h4{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 1rem}.endpoint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%}.endpoint-item{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.endpoint-item:hover{background:#ffffff1f;border-color:#ffffff40;transform:translate(5px)}.http-method{padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.875rem;min-width:70px;text-align:center}.http-method.get{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.5)}.http-method.post{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.5)}.http-method.delete{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.5)}.endpoint-item code{font-family:Courier New,monospace;color:#ffffffe6;font-size:.95rem;flex:1}.endpoint-item p{font-size:.875rem;color:#ffffffb3;margin:0;flex:2}.api-note{text-align:center;font-size:.95rem;color:#ffffffb3;margin-top:1.5rem}.api-note code{background:#ffffff1a;padding:.2rem .5rem;border-radius:4px;font-size:.85rem}.tech-stack-section{display:flex;flex-direction:column;gap:2.5rem;width:100%}.tech-stack-section h2{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.tech-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%}.tech-electric-card{width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-electric-card:hover{transform:translateY(-5px)}.tech-category{background:#1e2332e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;min-height:200px;align-items:center;text-align:center}.tech-category h4{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.tech-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.tech-list li{font-size:1rem;color:#fffc;padding:.5rem 1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.getting-started-section{display:flex;flex-direction:column;gap:2.5rem;width:100%}.getting-started-section h2{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.step-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.step-card:hover{background:#ffffff14;border-color:#764ba280;transform:translateY(-5px);box-shadow:0 15px 40px #764ba233}.step-number{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.step-card h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.code-block{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-top:1rem;overflow-x:auto}.code-block code{font-family:Courier New,monospace;color:#4caf50;font-size:.9rem;white-space:pre;display:block}.final-cta{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:3rem 2rem;background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;text-align:center}.final-cta h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.final-cta p{font-size:1.25rem;color:#fffc;max-width:600px}@media (min-width: 1024px) and (max-width: 1440px){.landing-hero{gap:clamp(.75rem,2vh,1.5rem);padding:clamp(1rem,3vh,2rem) 0}.landing-title{font-size:clamp(2rem,5vh,3.5rem);line-height:1.05}.landing-subtitle{font-size:clamp(.85rem,1.8vh,1rem);line-height:1.4}.landing-badge{font-size:.8rem;padding:.4rem 1rem}.get-started-btn{padding:.85rem 2rem;font-size:1rem}}@media (max-width: 1200px){.landing-content{max-width:1000px;padding:3rem 1.5rem}.hero h1{font-size:3rem}.info-section h2,.architecture-section h2,.api-section h2,.tech-stack-section h2,.getting-started-section h2,.final-cta h2{font-size:2rem}.info-stack{gap:1.5rem}.info-card-content{padding:1.75rem}}@media (max-width: 768px){.landing-content{padding:2rem 1rem;gap:4rem}.hero h1{font-size:2.25rem}.hero p{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.get-started-btn{width:100%;justify-content:center}.info-grid{grid-template-columns:1fr}.info-stack{grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-pixel-card{min-height:200px}.info-card-content{padding:1.5rem}.services-grid{grid-template-columns:1fr}.service-showcase-card{min-height:auto}.endpoint-grid{grid-template-columns:1fr}.endpoint-pixel-card{min-height:280px}.tech-categories{grid-template-columns:repeat(2,1fr);gap:1.5rem}.architecture-grid,.steps-grid{grid-template-columns:1fr}.info-section h2,.architecture-section h2,.api-section h2,.tech-stack-section h2,.getting-started-section h2,.final-cta h2{font-size:1.75rem}.services-showcase h3{font-size:1.5rem}.services-grid{grid-template-columns:1fr;gap:2rem}.tech-categories,.tech-list{grid-template-columns:1fr}.final-cta{padding:2rem 1rem}}@media (max-width: 480px){.hero h1{font-size:1.75rem}.hero p{font-size:.9rem}.get-started-btn{padding:.875rem 2rem;font-size:1rem}.info-stack{grid-template-columns:1fr;gap:1rem}.info-pixel-card{min-height:180px}.info-card-content{padding:1.25rem}.info-icon{font-size:2.5rem}.info-section h2,.architecture-section h2,.api-section h2,.tech-stack-section h2,.getting-started-section h2,.final-cta h2{font-size:1.5rem}.info-card,.arch-card,.services-showcase-card,.step-card{padding:1.5rem}.endpoint-item{flex-direction:column;align-items:flex-start;padding:1rem}.endpoint-category{padding:1.5rem}.endpoint-pixel-card{min-height:240px}.tech-category{padding:1.5rem;min-height:180px}.code-block{font-size:.8rem;padding:.75rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1200px;animation:fadeInUp .8s ease-out .2s both}.feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem;text-align:center;transition:all .3s ease;cursor:default}.feature-card:hover{transform:translateY(-5px);background:#ffffff26;border-color:#ffffff4d;box-shadow:0 15px 40px #0003}.feature-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card:nth-child(1) .feature-icon{animation-delay:0s}.feature-card:nth-child(2) .feature-icon{animation-delay:.1s}.feature-card:nth-child(3) .feature-icon{animation-delay:.2s}.feature-card:nth-child(4) .feature-icon{animation-delay:.3s}.feature-card:nth-child(5) .feature-icon{animation-delay:.4s}.feature-card:nth-child(6) .feature-icon{animation-delay:.5s}.feature-card h3{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .75rem}.feature-card p{font-size:.95rem;line-height:1.6;color:#fffc;margin:0}.tech-stack{text-align:center;animation:fadeInUp .8s ease-out .4s both}.tech-title{font-size:.875rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.tech-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.tech-badge{padding:.65rem 1.25rem;background:#7df9ff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(125,249,255,.3);border-radius:50px;font-size:.9rem;font-weight:600;color:#fffffff2;transition:all .3s ease}.tech-badge:hover{background:#7df9ff40;border-color:#7df9ff80;transform:translateY(-2px);color:#fff}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.shape{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);animation:floatShape 20s ease-in-out infinite}.shape-1{width:300px;height:300px;top:10%;left:5%;animation-delay:0s}.shape-2{width:200px;height:200px;top:60%;right:10%;animation-delay:3s}.shape-3{width:250px;height:250px;bottom:10%;left:50%;animation-delay:6s}@keyframes floatShape{0%,to{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(30px,-30px) scale(1.1);opacity:.7}66%{transform:translate(-20px,20px) scale(.9);opacity:.4}}@media (max-width: 768px){.landing-content{gap:3rem;padding:1.5rem}.landing-hero{gap:1.5rem}.landing-subtitle{font-size:1rem}.get-started-btn{padding:.875rem 2rem;font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.5rem}.shape{opacity:.3}}@media (max-width: 480px){.landing-badge{font-size:.75rem;padding:.4rem 1rem}.tech-badges{gap:.5rem}.tech-badge{font-size:.75rem;padding:.4rem .8rem}}.color-bends-container{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.services-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;position:relative;overflow:hidden}.services-colorbends-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.auth-header{position:absolute;top:2rem;right:2rem;z-index:10}.user-info{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.2)}.user-email{color:#fff;font-size:.9rem;font-weight:500}.logout-btn{padding:.5rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.logout-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#764ba2,#f093fb);box-shadow:0 6px 20px #f093fb80}.card{position:relative;z-index:1;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.25);border-radius:1.5rem;padding:2.5rem;max-width:650px;width:100%;box-shadow:0 8px 32px #0000005e;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin:0 0 1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.description{text-align:center;color:#ffffffe6;font-size:1rem;margin:1rem 0 1.5rem;line-height:1.5}.service-toggle{display:flex;gap:.5rem;background:#ffffff1a;padding:.4rem;border-radius:.75rem;margin-bottom:1.5rem}.service-btn{flex:1;padding:.75rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;background:transparent;color:#ffffffb3}.service-btn.active{background:#ffffff40;color:#fff;box-shadow:0 2px 8px #0003}.service-btn:hover:not(.active){background:#ffffff26;color:#ffffffe6}.input-group{display:flex;gap:.75rem;margin-bottom:1rem}.url-input{flex:1;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:1rem;font-family:Poppins,sans-serif;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease;outline:none}.url-input::placeholder{color:#ffffff80}.url-input:focus{border-color:#ffffff80;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.url-input:disabled{opacity:.6;cursor:not-allowed}.action-button{padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s ease;white-space:nowrap;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 4px 15px #667eea66}.action-button:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#f093fb);transform:translateY(-2px);box-shadow:0 6px 20px #f093fb80}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary-button{width:100%;padding:.875rem;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:.95rem;font-weight:600;font-family:Poppins,sans-serif;background:#ffffff1a;color:#ffffffe6;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.secondary-button:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:1rem;background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);border-radius:.75rem;color:#fcc;font-size:.95rem;margin-top:1rem;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.result-container{margin-top:1.5rem;padding:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:.75rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-label{font-size:.875rem;font-weight:600;color:#fffc;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.result-box{display:flex;gap:.5rem;align-items:center}.short-link{flex:1;padding:.875rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;text-decoration:none;font-size:.95rem;word-break:break-all;transition:all .2s ease}.short-link:hover{background:#ffffff40;border-color:#ffffff4d}.copy-button,.test-button{padding:.875rem 1rem;border:1px solid rgba(102,126,234,.3);border-radius:.5rem;background:linear-gradient(135deg,#667eea4d,#764ba24d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-button:hover,.test-button:hover{background:linear-gradient(135deg,#667eea80,#f093fb80);border-color:#f093fb80;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}@media (max-width: 768px){.auth-header{top:1rem;right:1rem}.user-info{padding:.5rem 1rem;font-size:.8rem}.card{padding:2rem 1.5rem}.title{font-size:2rem}.input-group{flex-direction:column}.action-button{width:100%}.result-box{flex-direction:column}.copy-button,.test-button{width:100%}}@media (max-width: 480px){.card{padding:1.5rem 1rem}.title{font-size:1.75rem}.user-email{display:none}}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.25);border-radius:1.5rem;padding:2.5rem;width:90%;max-width:420px;position:relative;box-shadow:0 8px 32px #0000005e;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-button{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;width:32px;height:32px;border-radius:50%;font-size:1.5rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.auth-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input{width:100%;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:1rem;font-family:Poppins,sans-serif;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease;outline:none}.auth-input::placeholder{color:#fff9}.auth-input:focus{border-color:#ffffff80;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.auth-error{color:#fcc;font-size:.875rem;margin:0;padding:.5rem;background:#ff4d4d26;border-radius:.5rem;border:1px solid rgba(255,77,77,.3)}.auth-button{width:100%;padding:.875rem 1rem;border-radius:.75rem;font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(0,0,0,.3);margin-top:.5rem;box-shadow:0 4px 15px #667eea66}.auth-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#f093fb);transform:translateY(-2px);box-shadow:0 6px 20px #f093fb80}.auth-button.google{background:#fff;color:#333;border:1px solid rgba(0,0,0,.1)}.auth-button.google:hover:not(:disabled){background:#f8f8f8;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#ffffffb3;font-size:.875rem;font-weight:500}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.divider span{padding:0 1rem}.toggle-auth{text-align:center;margin-top:1.5rem;color:#fffc;font-size:.9rem}.toggle-button{background:none;border:none;color:#f093fb;font-weight:600;cursor:pointer;text-decoration:underline;margin-left:.5rem;font-family:Poppins,sans-serif;transition:all .2s ease}.toggle-button:hover{color:#667eea}.auth-info{color:#ffffffe6;font-size:.8rem;text-align:center;margin-top:.5rem;padding:.5rem;background:#4285f433;border-radius:.5rem;border:1px solid rgba(66,133,244,.3)}@media (max-width: 480px){.auth-modal{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}}