:root{--dark-bg: #050510;--primary-gradient-start: #0066FF;--primary-gradient-end: #06b6d4;--secondary-gradient-start: #6C63FF;--secondary-gradient-end: #A78BFA;--text-light: #ffffff;--text-muted: #a3a3b0;--card-bg: #0a0b1a;--card-border: #1f2937}.landing-scope{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--dark-bg);background-image:radial-gradient(circle at 10% 0%,rgba(108,99,255,.25) 0,transparent 55%),radial-gradient(circle at 90% 0%,rgba(0,102,255,.25) 0,transparent 55%),radial-gradient(circle at 50% 100%,rgba(6,182,212,.24) 0,transparent 55%);color:var(--text-light);line-height:1.6;min-height:100vh;width:100%;overflow-x:hidden;margin:0;padding:0}.landing-container{width:90%;max-width:1100px;margin:0 auto;padding:2rem 0}.floating-glows{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.glow{position:absolute;width:220px;height:220px;border-radius:999px;filter:blur(45px);opacity:.3;animation:floatGlow 18s infinite ease-in-out;background:radial-gradient(circle,rgba(108,99,255,.8),transparent 60%)}.glow.glow-1{top:5%;left:5%;animation-delay:0s}.glow.glow-2{top:20%;right:0%;animation-delay:4s;background:radial-gradient(circle,rgba(0,102,255,.8),transparent 60%)}.glow.glow-3{bottom:-5%;left:15%;animation-delay:8s;background:radial-gradient(circle,rgba(6,182,212,.9),transparent 65%)}@keyframes floatGlow{0%{transform:translateZ(0) scale(1);opacity:.3}25%{transform:translate3d(20px,-30px,0) scale(1.1);opacity:.45}50%{transform:translate3d(-20px,10px,0) scale(.95);opacity:.25}75%{transform:translate3d(10px,25px,0) scale(1.05);opacity:.4}to{transform:translateZ(0) scale(1);opacity:.3}}.landing-header{text-align:center;padding:6rem 0 3rem;animation:fadeInUp .8s ease-out both;position:relative;z-index:10}.landing-header h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.landing-header p{font-size:1.25rem;color:var(--text-muted);max-width:700px;margin:0 auto 2rem}.cta-button{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;padding:.9rem 2.4rem;font-size:1.1rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 35px #06b6d44d}.cta-button:after{content:"";position:absolute;width:240%;height:240%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 60%);opacity:0;transition:transform .45s ease,opacity .45s ease}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #06b6d473}.cta-button:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1}.cta-button span.arrow{font-size:1.3rem;transform:translate(0);transition:transform .2s ease}.cta-button:hover span.arrow{transform:translate(3px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes bounceInCard{0%{opacity:0;transform:translateY(30px) scale(.97)}60%{opacity:1;transform:translateY(-6px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes subtleWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(.2deg)}50%{transform:rotate(-.2deg)}75%{transform:rotate(.1deg)}}.gradient-border{position:relative;border-radius:18px;padding:1px;background:linear-gradient(135deg,#6c63ffe6,#0066ffd9,#06b6d4d9,#a78bfae6);background-size:200% 200%;animation:gradientShift 9s ease infinite}.gradient-inner{border-radius:16px;background:radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 50%),var(--card-bg);padding:2.2rem;height:100%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.landing-auth-section{margin:6rem auto;padding:2rem 0;position:relative;z-index:10}.auth-container{width:100%;max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0 1rem;animation:fadeInUp .9s ease-out .15s both}.auth-card{width:100%;max-width:480px}.auth-inner h2{margin-top:0;font-size:1.7rem}.auth-inner p{color:var(--text-muted);margin-bottom:1.6rem}.auth-tabs{display:flex;gap:1rem;justify-content:center;border-bottom:1px solid var(--card-border);padding-bottom:1rem;margin-bottom:1.5rem}.tab-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem 1rem;border-radius:999px;transition:background .25s,color .25s,transform .15s}.tab-btn.active{color:var(--text-light);background:#ffffff1f;transform:translateY(-1px);font-weight:600}.auth-inner form{display:flex;flex-direction:column;gap:1rem}.auth-inner input{width:100%;padding:.9rem 1rem;border:1px solid var(--card-border);background:#ffffff0d;border-radius:8px;color:var(--text-light);outline:none;font-size:1rem;transition:border-color .2s,box-shadow .2s,transform .1s}.auth-inner input:focus{border-color:var(--primary-gradient-start);box-shadow:0 0 0 1px #0066ff80;transform:translateY(-1px)}.full-width{width:100%;justify-content:center}.secondary{background:transparent;border:1px solid var(--primary-gradient-start);box-shadow:none}.secondary:hover{background:#0066ff2e;box-shadow:0 12px 25px #0066ff59}.demo-credentials{margin-top:2.5rem;text-align:center;max-width:480px;width:100%;margin:2.5rem auto 0;animation:fadeInUp .9s ease-out .15s both;position:relative;z-index:10}.demo-credentials h3{margin-bottom:.4rem}.code-block{background:radial-gradient(circle at top left,#06b6d42e,#000);padding:1.2rem 1.4rem;border-radius:12px;font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#06b6d4;border:1px solid #333;text-align:left;box-shadow:0 18px 45px #0009}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:6rem;margin-bottom:6rem;position:relative;z-index:10}.feature.gradient-border{animation:bounceInCard .8s ease-out forwards}.feature:nth-child(1){animation-delay:.1s}.feature:nth-child(2){animation-delay:.2s}.feature:nth-child(3){animation-delay:.3s}.feature:nth-child(4){animation-delay:.4s}.gradient-inner.feature-inner{display:flex;flex-direction:column;gap:.7rem;will-change:transform,box-shadow;transition:transform .15s ease,box-shadow .2s ease;animation:subtleWiggle 7s ease-in-out infinite alternate}.feature-inner:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 22px 45px #000000b3;animation-play-state:paused}.feature-inner h3{margin:0;font-size:1.2rem}.feature-inner p{margin:0;color:var(--text-muted);font-size:.95rem}.testimonial{margin:6rem auto;max-width:1100px;width:100%;animation:fadeInUp .9s ease-out .15s both;position:relative;z-index:10}.testimonial.gradient-border .gradient-inner{padding:3.2rem 2.4rem;text-align:center}.testimonial p{font-size:1.5rem;font-style:italic;color:var(--text-light);max-width:800px;margin:0 auto 1.4rem}.testimonial .author{font-weight:600;color:var(--primary-gradient-end);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.05rem}.landing-footer{text-align:center;padding:3rem 0;color:var(--text-muted);border-top:1px solid var(--card-border);font-size:.9rem;background:radial-gradient(circle at top,rgba(15,23,42,.85),transparent 60%);animation:fadeInUp .9s ease-out .2s both;position:relative;z-index:10}.landing-footer div+div{margin-top:.2rem}@media(max-width:900px){.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.landing-header{padding-top:4.5rem}.landing-header h1{font-size:2.5rem}.features{grid-template-columns:1fr}}
