/* FileShare — cinematic product tour v3 */
.login-intro{position:fixed;inset:0;z-index:99999;overflow:hidden;background:#030305;color:#fff;display:grid;place-items:center;isolation:isolate;transition:opacity .7s ease,visibility .7s}
.login-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.login-intro *{box-sizing:border-box}
.login-intro-bg{position:absolute;inset:-30%;z-index:-5;background:radial-gradient(circle at 50% 20%,#8b5cf633,transparent 27%),radial-gradient(circle at 10% 90%,#22d3ee1c,transparent 28%),radial-gradient(circle at 90% 75%,#ec48991c,transparent 25%),#030305;animation:bgMove 16s ease-in-out infinite alternate}
.login-intro-noise{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.login-intro-grid{position:absolute;inset:-50%;z-index:-3;opacity:.11;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:68px 68px;transform:perspective(550px) rotateX(62deg) translateY(20%);mask-image:linear-gradient(transparent,#000 35%,transparent 88%);animation:gridMove 18s linear infinite}
.login-intro-orb{position:absolute;width:min(60vw,700px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff8,transparent 8%,#8b5cf6aa 24%,#22d3ee44 47%,transparent 69%);filter:blur(2px);z-index:-2;animation:orbMove 10s ease-in-out infinite alternate}
.login-intro-vignette{position:absolute;inset:0;z-index:7;background:radial-gradient(circle,transparent 30%,#000b 100%);pointer-events:none}
.login-intro-stage{position:relative;width:100vw;height:100vh;display:grid;place-items:center}
.intro-scene{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:clamp(18px,4vw,50px);opacity:0;visibility:hidden;transform:scale(.94) translateY(22px);filter:blur(15px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .65s ease,visibility .65s}
.intro-scene.active{opacity:1;visibility:visible;transform:none;filter:none}.intro-inner{width:min(1180px,94vw)}
.intro-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:8px 12px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff08;color:#ffffffa8;font:600 10px Inter;letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(18px)}.intro-eyebrow i{width:6px;height:6px;border-radius:50%;background:#a78bfa;box-shadow:0 0 18px #a78bfa}
.intro-logo{font:800 clamp(56px,12vw,155px)/.8 Inter;letter-spacing:-.09em;background:linear-gradient(110deg,#fff 15%,#bbb 43%,#a78bfa 62%,#67e8f9 82%,#fff);-webkit-background-clip:text;color:transparent;background-size:220%;animation:shine 4s linear infinite}
.intro-title{font:800 clamp(39px,7vw,92px)/.92 Inter;letter-spacing:-.07em}.intro-title span{background:linear-gradient(100deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;color:transparent}.intro-copy{max-width:700px;margin:22px auto 0;color:#ffffff9e;font:400 clamp(14px,1.7vw,19px)/1.55 Inter}.intro-pills{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:25px}.intro-pill{padding:10px 14px;border:1px solid #ffffff14;border-radius:999px;background:#ffffff07;color:#fff9;font:500 11px Inter}
.intro-desktop{width:min(980px,88vw);aspect-ratio:16/9;border:1px solid #ffffff22;border-radius:24px;background:#0b0b10;box-shadow:0 50px 150px #000c,0 0 90px #8b5cf61c;overflow:hidden;transform:perspective(1400px) rotateX(5deg);animation:deviceFloat 5s ease-in-out infinite}.intro-bar{height:35px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid #ffffff12;background:#ffffff06}.intro-dot{width:7px;height:7px;border-radius:50%;background:#ffffff30}.intro-url{margin-left:9px;color:#ffffff3f;font:500 8px Inter}.intro-ui{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 35px);text-align:left}.intro-ui-side{padding:17px;border-right:1px solid #ffffff0d}.intro-ui-brand{font:800 13px Inter;letter-spacing:-.05em;margin-bottom:22px}.intro-ui-nav{display:grid;gap:5px}.intro-ui-nav div{padding:9px;border-radius:8px;color:#ffffff52;font:500 9px Inter}.intro-ui-nav .on{background:#8b5cf61c;color:#fff}.intro-ui-main{padding:20px}.intro-ui-head{display:flex;justify-content:space-between;align-items:center}.intro-ui-head b{font:700 16px Inter}.intro-button{padding:8px 11px;border-radius:8px;background:#8b5cf6;color:#fff;font:700 8px Inter}.intro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.intro-card{padding:14px;border:1px solid #ffffff10;border-radius:12px;background:#ffffff05;animation:cardIn 2.5s ease infinite alternate}.intro-card:nth-child(2){animation-delay:.4s}.intro-card:nth-child(3){animation-delay:.8s}.intro-card i{font-size:20px;color:#a78bfa}.intro-card b{display:block;margin-top:13px;font:600 9px Inter}.intro-card small{display:block;margin-top:4px;color:#ffffff4c;font:400 7px Inter}
.intro-phone-wrap{display:flex;justify-content:center;align-items:center;gap:clamp(15px,5vw,60px)}.intro-phone{position:relative;width:clamp(145px,19vw,225px);aspect-ratio:9/18.5;padding:7px;border:2px solid #ffffff2b;border-radius:28px;background:#08080d;box-shadow:0 35px 90px #000b,0 0 55px #8b5cf62a;animation:phoneFloat 4s ease-in-out infinite}.intro-phone:nth-child(2){transform:translateY(25px) scale(1.05);animation-delay:-1.4s}.intro-phone:nth-child(3){animation-delay:-2.5s}.intro-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38%;height:15px;border-radius:0 0 10px 10px;background:#000;z-index:2}.intro-phone-screen{height:100%;border-radius:21px;overflow:hidden;background:linear-gradient(145deg,#15121e,#08090d);padding:27px 11px 12px;text-align:left}.intro-phone-brand{font:800 11px Inter;letter-spacing:-.05em}.intro-phone-title{margin-top:18px;font:800 18px/1 Inter}.intro-phone-line{height:7px;width:70%;border-radius:9px;background:#ffffff14;margin-top:9px}.intro-phone-box{margin-top:15px;padding:11px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff07}.intro-phone-box i{color:#a78bfa}.intro-phone-box b{display:block;margin-top:9px;font:600 9px Inter}.intro-phone-box small{color:#ffffff4c;font:7px Inter}
.intro-flow{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px}.intro-node{padding:14px 17px;border:1px solid #ffffff18;border-radius:13px;background:#ffffff08;font:700 9px Inter;box-shadow:0 10px 35px #0005}.intro-node.active{border-color:#a78bfa66;background:#8b5cf61c;box-shadow:0 0 35px #8b5cf633}.intro-arrow{color:#ffffff45}
.intro-final-icon{font-size:72px;color:#a78bfa;filter:drop-shadow(0 0 35px #8b5cf6aa);animation:pop 1s cubic-bezier(.2,1.5,.4,1)}
.intro-skip{position:fixed;right:20px;top:18px;z-index:20;border:1px solid #ffffff18;background:#ffffff08;color:#ffffffb5;border-radius:999px;padding:10px 15px;font:600 10px Inter;cursor:pointer;backdrop-filter:blur(15px);transition:.25s}.intro-skip:hover{background:#fff1;color:#fff;transform:translateY(-2px)}
.intro-progress{position:fixed;left:50%;bottom:22px;z-index:20;transform:translateX(-50%);display:flex;gap:7px}.intro-progress i{width:24px;height:3px;border-radius:10px;background:#ffffff1f;transition:.4s}.intro-progress i.on{width:45px;background:#a78bfa;box-shadow:0 0 14px #8b5cf6}
@media(max-width:700px){.intro-desktop{width:91vw;border-radius:18px}.intro-ui{grid-template-columns:70px 1fr}.intro-ui-side{padding:10px}.intro-ui-brand{font-size:9px}.intro-ui-nav div{padding:6px;font-size:7px}.intro-ui-main{padding:12px}.intro-ui-head b{font-size:12px}.intro-cards{grid-template-columns:1fr 1fr}.intro-card:nth-child(3){display:none}.intro-phone-wrap{gap:8px}.intro-phone{width:28vw;border-radius:19px;padding:4px}.intro-phone-screen{border-radius:14px;padding:22px 7px 8px}.intro-phone-title{font-size:11px}.intro-phone-box{padding:7px}.intro-phone-box b{font-size:6px}.intro-phone-box small{font-size:5px}.intro-copy{max-width:90vw}.intro-skip{top:12px;right:12px}.intro-progress{bottom:13px}}
@media(prefers-reduced-motion:reduce){.login-intro *{animation:none!important;transition:none!important}}
@keyframes bgMove{to{transform:scale(1.1) translate(2%,1%)}}@keyframes orbMove{to{transform:translate(12vw,6vh) scale(1.12)}}@keyframes gridMove{to{transform:perspective(550px) rotateX(62deg) translateY(25%) translateX(70px)}}@keyframes shine{to{background-position:220%}}@keyframes deviceFloat{50%{transform:perspective(1400px) rotateX(5deg) translateY(-8px)}}@keyframes phoneFloat{50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes cardIn{to{transform:translateY(-4px);border-color:#a78bfa30}}@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}