/* Premium login is the public default; clinic theme is selected after authentication. */
html,body.dentastik-login-premium{min-height:100%;margin:0}body.dentastik-login-premium{background:#0b1225;color:#eef4ff;font:15px Inter,ui-sans-serif,system-ui,sans-serif}.premium-login-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:100vh}.premium-login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(36px,5vw,82px);background:radial-gradient(ellipse at 76% 35%,rgba(67,117,255,.28),transparent 52%),radial-gradient(ellipse at 10% 85%,rgba(42,195,217,.14),transparent 50%),linear-gradient(150deg,#101c39,#091329)}.premium-login-story:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent,black)}.premium-login-brand{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:850;letter-spacing:.13em;z-index:1}.premium-login-brand small{display:block;font-size:9px;letter-spacing:.32em;color:#92b7ed;margin-top:5px}.premium-brand-symbol{display:grid;place-items:center;width:50px;height:50px;border:1px solid #6081ce;border-radius:15px;background:linear-gradient(145deg,#294c9c,#1b315e);box-shadow:0 12px 40px #08152d;color:white;font-size:25px}.premium-login-hero{position:relative;z-index:1;max-width:680px}.premium-login-eyebrow{display:block;color:#83b8ff;font-size:11px;font-weight:750;letter-spacing:.2em}.premium-login-hero h1{font-size:clamp(36px,4.1vw,66px);letter-spacing:-.05em;line-height:1.12;margin:22px 0}.premium-login-hero h1 em{font-style:normal;color:#83bbff}.premium-login-hero p{max-width:510px;color:#afc0dd;font-size:16px;line-height:1.8}.premium-login-footnote{z-index:1;color:#7289b1;letter-spacing:.14em;font-size:10px}.premium-login-footnote span{padding:0 12px}.premium-login-access{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px;background:linear-gradient(145deg,#101a31,#0c1324)}.premium-login-card{width:min(100%,420px);display:flex;flex-direction:column;gap:17px}.premium-login-card h2{font-size:34px;letter-spacing:-.04em;margin:5px 0 0;color:#fff}.premium-login-card>p{color:#a7b5d0;line-height:1.6;margin:0 0 18px}.premium-login-card label{display:flex;flex-direction:column;gap:9px;font-weight:600;color:#d5def0}.premium-login-card input{width:100%;height:54px;border:1px solid #344360;border-radius:13px;padding:0 17px;background:#16223b;color:#fff;outline:none;font:inherit}.premium-login-card input:focus{border-color:#84b4ff;box-shadow:0 0 0 3px rgba(92,149,255,.18)}.premium-login-card input::placeholder{color:#8190aa}.premium-login-submit{height:54px;border:0;border-radius:13px;background:linear-gradient(105deg,#4378e9,#6f9afc);color:#fff;font:inherit;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 12px 35px rgba(54,102,226,.25)}.premium-login-submit:hover{filter:brightness(1.1)}.premium-login-trust{text-align:center;color:#8a9ab7;margin-top:7px}.premium-login-bottom{color:#6d7c99;font-size:12px;margin-top:50px}.premium-login-mobile-brand{display:none}.premium-login-card .alert{border:1px solid #b34d68;background:#452238;color:#fff;padding:12px;border-radius:10px}@media(max-width:900px){.premium-login-shell{grid-template-columns:1fr}.premium-login-story{display:none}.premium-login-access{min-height:100vh;padding:30px 22px}.premium-login-mobile-brand{display:block;font-size:23px;font-weight:850;letter-spacing:.18em;margin-bottom:60px;color:#d8e7ff}.premium-login-card h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.premium-login-submit{transition:none}}

.premium-login-logo{display:block;width:min(220px,48vw);max-height:70px;object-fit:contain;object-position:left center}.premium-login-mobile-brand img{width:min(210px,62vw);max-height:75px;object-fit:contain}.premium-login-brand:has(.premium-login-logo:not([hidden]))>span:last-child{display:none}

/* Animated story and independent light/dark login theme. */
.premium-login-story{isolation:isolate}.premium-login-hero{width:100%;min-height:min(590px,65vh);display:flex;flex-direction:column;justify-content:center}.premium-story-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease,visibility .7s}.premium-story-slide.is-active{opacity:1;visibility:visible;transform:translateY(0)}.premium-story-slide .premium-login-eyebrow,.premium-story-slide h1,.premium-story-slide p{position:relative;z-index:2}.premium-scene-visual{position:relative;width:min(300px,60%);aspect-ratio:1;margin:0 auto 20px;display:grid;place-items:center}.premium-orbit{position:absolute;border:1px solid rgba(149,196,255,.3);border-radius:50%;inset:10%;animation:premium-orbit 20s linear infinite}.premium-orbit.orbit-two{inset:0;border-style:dashed;animation-duration:32s;animation-direction:reverse}.premium-scene-icon{display:grid;place-items:center;width:100px;height:100px;border-radius:32px;background:linear-gradient(140deg,rgba(117,158,255,.35),rgba(85,202,237,.15));border:1px solid rgba(180,216,255,.45);box-shadow:0 0 90px rgba(77,136,255,.3);font-size:56px;color:#e4f1ff;animation:premium-float 5s ease-in-out infinite}.premium-orbit-dot{position:absolute;width:15px;height:15px;border-radius:50%;background:#8ab9ff;box-shadow:0 0 24px #7ea9ff}.dot-one{top:12%;left:22%}.dot-two{right:8%;top:48%;background:#9be7eb}.dot-three{bottom:9%;left:36%;width:10px;height:10px}.premium-slide-dots{position:relative;z-index:4;display:flex;justify-content:center;gap:10px;margin-top:auto;padding-top:16px}.premium-slide-dot{width:9px;height:9px;border:0;border-radius:20px;padding:0;background:rgba(189,213,255,.4);cursor:pointer;transition:width .3s,background .3s}.premium-slide-dot.is-active{width:29px;background:#9dd1ff}.premium-login-toolbar{position:absolute;right:clamp(20px,4vw,65px);top:clamp(20px,3vw,42px);z-index:6}.premium-login-access{position:relative}.premium-theme-toggle{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);color:#dbe8ff;border:1px solid #394a69;border-radius:24px;padding:9px 14px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}.premium-theme-toggle:focus-visible,.premium-slide-dot:focus-visible{outline:2px solid #8ab9ff;outline-offset:4px}.premium-theme-sun{opacity:.5}.premium-theme-moon{opacity:1}html[data-theme="light"] body.dentastik-login-premium{background:#f1f5fc;color:#1b2b4b}html[data-theme="light"] .premium-login-access{background:linear-gradient(150deg,#fff,#edf3fc)}html[data-theme="light"] .premium-login-card h2{color:#1c2e50}html[data-theme="light"] .premium-login-card>p,html[data-theme="light"] .premium-login-card label{color:#596c89}html[data-theme="light"] .premium-login-card input{background:#fff;border-color:#cbd7e8;color:#182b4c}html[data-theme="light"] .premium-login-card input::placeholder{color:#8391a9}html[data-theme="light"] .premium-login-trust,html[data-theme="light"] .premium-login-bottom{color:#70829e}html[data-theme="light"] .premium-theme-toggle{background:#fff;border-color:#d6e1f0;color:#28436b}html[data-theme="light"] .premium-theme-sun{opacity:1}html[data-theme="light"] .premium-theme-moon{opacity:.5}html[data-theme="light"] .premium-login-mobile-brand{color:#1b2b4b}@keyframes premium-orbit{to{transform:rotate(360deg)}}@keyframes premium-float{50%{transform:translateY(-11px)}}@media(max-width:900px){.premium-login-toolbar{top:18px;right:20px}.premium-login-mobile-brand{margin-top:32px}}@media(prefers-reduced-motion:reduce){.premium-orbit,.premium-scene-icon{animation:none}.premium-story-slide,.premium-slide-dot{transition:none}}

/* One-time cinematic welcome: never blocks form interaction. */
.premium-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none;background:#0b1128;opacity:1;animation:premium-intro-out .8s ease 1.8s both}.premium-intro-glow{position:absolute;width:min(78vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(129,85,252,.46) 0%,rgba(69,107,234,.24) 36%,transparent 70%);filter:blur(24px);animation:premium-intro-bloom 2.3s ease both}.premium-intro-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;color:#fff;letter-spacing:.3em;font-size:clamp(20px,4vw,38px);font-weight:800;animation:premium-intro-appear 1s ease both}.premium-intro-content img{width:66px;height:66px;object-fit:contain}.premium-intro-content small{font-size:10px;font-weight:650;letter-spacing:.32em;color:#b6caff}.premium-intro.is-done,.premium-intro.is-skipped{display:none}html[data-theme="light"] .premium-intro{background:#f3f0ff}html[data-theme="light"] .premium-intro-content{color:#25335e}html[data-theme="light"] .premium-intro-content small{color:#6c78a7}@keyframes premium-intro-out{0%,45%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes premium-intro-bloom{0%{transform:scale(.45);opacity:0}55%{opacity:1}100%{transform:scale(1.15);opacity:.65}}@keyframes premium-intro-appear{from{transform:translateY(18px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.premium-intro{display:none}.premium-intro-glow,.premium-intro-content{animation:none}}

/* V4 hotfix: legacy app.css sets body to centered grid, which shrinks the entire login. */
html{width:100%;min-height:100%}body.loginbody.dentastik-login-premium{display:block!important;width:100%;min-width:320px;min-height:100vh;margin:0;place-items:initial!important}body.dentastik-login-premium .premium-login-shell{display:grid;width:100%;max-width:none;min-width:0;min-height:100vh;min-height:100dvh;margin:0;grid-template-columns:minmax(0,54%) minmax(0,46%)}body.dentastik-login-premium .premium-login-story,body.dentastik-login-premium .premium-login-access{min-width:0}body.dentastik-login-premium .premium-login-brand [hidden],body.dentastik-login-premium .premium-login-mobile-brand [hidden]{display:none!important}body.dentastik-login-premium .premium-login-hero{flex:1;min-height:550px;max-width:none;position:relative}body.dentastik-login-premium .premium-story-slide{inset:0 0 52px;justify-content:center}body.dentastik-login-premium .premium-slide-dots{margin-top:0;position:absolute;bottom:0;left:0;right:0}body.dentastik-login-premium .premium-scene-visual{width:min(260px,46%);margin-bottom:22px}body.dentastik-login-premium .premium-story-slide.is-active .premium-scene-icon{animation:premium-float 4.2s ease-in-out infinite,premium-glow 5s ease-in-out infinite}body.dentastik-login-premium .premium-story-slide.is-active .premium-orbit-dot{animation:premium-pulse 2.5s ease-in-out infinite alternate}body.dentastik-login-premium .premium-story-slide.is-active .dot-two{animation-delay:.7s}body.dentastik-login-premium .premium-story-slide.is-active .dot-three{animation-delay:1.3s}@keyframes premium-pulse{from{opacity:.5;transform:scale(.7)}to{opacity:1;transform:scale(1.4)}}@keyframes premium-glow{50%{box-shadow:0 0 110px rgba(96,161,255,.55)}}@media(max-width:900px){body.dentastik-login-premium .premium-login-shell{grid-template-columns:minmax(0,1fr)}body.dentastik-login-premium .premium-login-hero{min-height:0}}@media(prefers-reduced-motion:reduce){body.dentastik-login-premium .premium-story-slide.is-active .premium-scene-icon,body.dentastik-login-premium .premium-story-slide.is-active .premium-orbit-dot{animation:none}}

/* V6: choreographed feature slides, not static copy swapping. */
body.dentastik-login-premium .premium-story-slide{overflow:visible;transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),visibility .85s;transform:translate3d(-35px,10px,0) scale(.97);opacity:0;will-change:opacity,transform}
body.dentastik-login-premium .premium-story-slide.is-active{opacity:1;transform:translate3d(0,0,0) scale(1)}
body.dentastik-login-premium .premium-story-slide .premium-scene-visual{opacity:0;transform:translate3d(65px,-35px,0) scale(.66) rotate(-20deg);transition:opacity .9s ease,transform 1.1s cubic-bezier(.17,.89,.3,1.15)}
body.dentastik-login-premium .premium-story-slide.is-active .premium-scene-visual{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0deg);transition-delay:.12s}
body.dentastik-login-premium .premium-story-slide .premium-login-eyebrow{opacity:0;transform:translate3d(-30px,15px,0);transition:opacity .55s ease,transform .7s ease}
body.dentastik-login-premium .premium-story-slide.is-active .premium-login-eyebrow{opacity:1;transform:translate3d(0,0,0);transition-delay:.28s}
body.dentastik-login-premium .premium-story-slide h1{opacity:0;transform:translate3d(0,46px,0) skewY(3deg);filter:blur(7px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .8s ease}
body.dentastik-login-premium .premium-story-slide.is-active h1{opacity:1;transform:translate3d(0,0,0) skewY(0);filter:blur(0);transition-delay:.38s}
body.dentastik-login-premium .premium-story-slide p{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s ease}
body.dentastik-login-premium .premium-story-slide.is-active p{opacity:1;transform:translateY(0);transition-delay:.62s}
body.dentastik-login-premium .premium-story-slide:nth-child(6n+1) .premium-scene-icon{border-radius:30px;background:linear-gradient(145deg,#3d72c7,#274ca3)}
body.dentastik-login-premium .premium-story-slide:nth-child(6n+2) .premium-scene-icon{border-radius:50%;background:linear-gradient(145deg,#297cae,#224b90)}
body.dentastik-login-premium .premium-story-slide:nth-child(6n+3) .premium-scene-icon{border-radius:24px;transform:rotate(0deg);background:linear-gradient(145deg,#5a5bcd,#23549e)}
body.dentastik-login-premium .premium-story-slide:nth-child(6n+4) .premium-scene-icon{border-radius:36px;background:linear-gradient(145deg,#7853d4,#275aaf)}
body.dentastik-login-premium .premium-story-slide:nth-child(6n+5) .premium-scene-icon{border-radius:20px;background:linear-gradient(145deg,#257e9c,#3151a9)}
body.dentastik-login-premium .premium-story-slide:nth-child(6n+6) .premium-scene-icon{border-radius:50%;background:linear-gradient(145deg,#4872c3,#287ea2)}
body.dentastik-login-premium .premium-story-slide.is-active .premium-orbit.orbit-one{animation:premium-orbit 13s linear infinite}
body.dentastik-login-premium .premium-story-slide.is-active .premium-orbit.orbit-two{animation:premium-orbit 19s linear infinite reverse}
body.dentastik-login-premium .premium-story-slide.is-active .premium-scene-icon{animation:premium-float 3.6s ease-in-out infinite,premium-glow 4.2s ease-in-out infinite}
body.dentastik-login-premium .premium-scene-visual::before{content:'';position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,rgba(82,136,255,.19),transparent 63%);filter:blur(15px);pointer-events:none}
@media(prefers-reduced-motion:reduce){body.dentastik-login-premium .premium-story-slide,body.dentastik-login-premium .premium-story-slide .premium-scene-visual,body.dentastik-login-premium .premium-story-slide .premium-login-eyebrow,body.dentastik-login-premium .premium-story-slide h1,body.dentastik-login-premium .premium-story-slide p{transition:none;filter:none}body.dentastik-login-premium .premium-story-slide.is-active .premium-orbit,body.dentastik-login-premium .premium-story-slide.is-active .premium-scene-icon{animation:none}}

/* V7 — six actual UI-based motion scenes with individual visual choreography */
body.dentastik-login-premium .premium-scene-visual{width:min(560px,92%);height:300px;aspect-ratio:auto;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;perspective:900px}
body.dentastik-login-premium .premium-scene-visual::before{inset:-14%;background:radial-gradient(ellipse,rgba(75,120,252,.22),transparent 65%)}
.scene-ui{position:relative;width:88%;height:248px;border-radius:17px;border:1px solid rgba(159,197,255,.31);background:linear-gradient(140deg,rgba(28,48,96,.95),rgba(16,29,61,.96));box-shadow:0 32px 95px rgba(0,0,0,.3),0 0 35px rgba(80,132,255,.13);overflow:hidden;color:#e7f1ff;transform-style:preserve-3d;animation:scene-ui-float 5s ease-in-out infinite}
.scene-ui-top{height:30px;border-bottom:1px solid rgba(173,202,255,.15);display:flex;align-items:center;gap:5px;padding:0 13px}.scene-ui-top i{width:6px;height:6px;border-radius:50%;background:#5b83c8}.scene-ui-top i:first-child{background:#f484a3}.scene-ui-top i:nth-child(2){background:#f5d083}.scene-ui-top b{font-size:9px;letter-spacing:.16em;margin-left:9px;color:#a9c9f6}
.scene-ui-body{display:flex;height:calc(100% - 30px)}.scene-side{width:55px;border-right:1px solid rgba(180,211,255,.12);padding:18px 12px;display:flex;flex-direction:column;gap:16px}.scene-side span{height:8px;border-radius:4px;background:#5374b0}.scene-side span:nth-child(2){background:#64c4ed}.scene-main{flex:1;padding:16px}.scene-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.scene-heading strong{font-size:8px;padding:7px 10px;background:#4076db;border-radius:6px}.scene-stat-grid,.scene-metrics{display:flex;gap:11px;margin-top:14px}.scene-stat-grid>div,.scene-metrics>div{flex:1;border:1px solid rgba(142,183,249,.16);background:rgba(79,112,181,.14);padding:10px;border-radius:9px;display:flex;flex-direction:column;gap:4px}.scene-stat-grid small,.scene-metrics small{font-size:9px;color:#adc4e6}.scene-stat-grid b,.scene-metrics b{font-size:20px}.scene-stat-grid em,.scene-metrics em{font-style:normal;font-size:9px;color:#75e1cb}.scene-list{margin-top:12px;display:grid;gap:7px}.scene-list>span{display:flex;align-items:center;gap:10px;padding:4px 8px;background:rgba(106,142,204,.12);border-radius:6px}.scene-list i{height:15px;width:15px;border-radius:50%;background:#78a9e5}.scene-list b{height:5px;width:45%;border-radius:4px;background:#91a8d1}.scene-list em{height:5px;width:17%;margin-left:auto;border-radius:4px;background:#5ce1c7}
.scene-float{position:absolute;z-index:3;padding:10px 14px;border:1px solid rgba(178,214,255,.45);border-radius:11px;background:linear-gradient(130deg,#315db5,#1c417e);box-shadow:0 12px 32px #0b193d;color:#baf5e6;font-size:16px;display:flex;align-items:center;gap:9px;white-space:nowrap}.scene-float span{font-size:10px;color:#fff;font-weight:700}.float-a{right:0;bottom:0}.float-b{left:0;top:0}
.scene-cal-head{display:flex;justify-content:space-between;margin:17px 20px;font-size:15px;font-weight:750}.scene-cal-head span{color:#8ebfff}.scene-week,.scene-cal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 20px;text-align:center}.scene-week b{font-size:9px;color:#83a7da}.scene-cal-grid{margin-top:8px}.scene-cal-grid span{padding:9px 0;font-size:12px;border-radius:8px;background:rgba(102,138,197,.14)}.scene-cal-grid .picked{background:#487eeb;box-shadow:0 0 19px rgba(92,157,255,.6)}.scene-appointment{display:flex;align-items:center;gap:10px;margin:12px 20px;padding:9px 13px;background:rgba(80,167,192,.16);border-radius:9px}.scene-appointment>i{width:6px;height:29px;border-radius:5px;background:#5de2c5}.scene-appointment div{display:flex;flex-direction:column;gap:3px}.scene-appointment b{font-size:10px}.scene-appointment small{font-size:8px;color:#9cead3}.scene-appointment em{margin-left:auto;font-style:normal;color:#9cead3}
.scene-teeth{display:flex;justify-content:center;gap:7px;margin:27px 10px 20px}.scene-teeth span{font-size:27px;filter:grayscale(.3);opacity:.8}.scene-teeth .selected{filter:drop-shadow(0 0 12px #8ad6ff);transform:translateY(-8px) scale(1.25);opacity:1}.scene-tooth-detail{display:flex;align-items:center;justify-content:center;gap:23px}.scene-tooth-big{display:grid;place-items:center;width:75px;height:75px;border:2px solid #75bfff;border-radius:25px;font-size:55px;color:#a4d8ff}.scene-tooth-detail div{display:flex;flex-direction:column;gap:8px}.scene-tooth-detail small{font-size:10px;color:#91b8ef}.scene-tooth-detail b{font-size:17px}.scene-tooth-detail em{font-size:11px;color:#9be6cf;font-style:normal}.scene-dental-bar{display:flex;gap:8px;margin:18px 35px}.scene-dental-bar i{flex:1;height:5px;border-radius:8px;background:#4d78bd}.scene-dental-bar i:nth-child(-n+3){background:#72cbd8}
.scene-ai{padding-bottom:15px}.scene-chat{display:flex;margin:17px 18px 0}.scene-chat span{max-width:78%;padding:11px 13px;border-radius:12px;font-size:11px;line-height:1.4;background:#2b4d85}.scene-chat.outgoing{justify-content:flex-end}.scene-chat.outgoing span{background:#487ae0}.scene-chat.answer{margin-top:10px}.scene-typing{display:flex;gap:5px;margin:12px 30px}.scene-typing i{width:6px;height:6px;border-radius:50%;background:#81bfff;animation:scene-typing 1s ease-in-out infinite}.scene-typing i:nth-child(2){animation-delay:.18s}.scene-typing i:nth-child(3){animation-delay:.36s}
.scene-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:22px 16px}.scene-kanban>div{background:rgba(94,130,191,.14);border-radius:9px;padding:9px 7px;display:flex;flex-direction:column;gap:11px}.scene-kanban b{font-size:10px;color:#9fbeec}.scene-kanban span{padding:12px 5px;background:rgba(86,128,198,.3);border-radius:7px;font-size:10px}.scene-kanban>div:nth-child(2) span{border-left:3px solid #84b6ff}.scene-kanban>div:nth-child(3) span{border-left:3px solid #70dec1}.scene-progress{display:flex;align-items:center;gap:15px;margin:4px 20px;font-size:10px}.scene-progress>i{flex:1;height:6px;border-radius:9px;background:#284476;overflow:hidden}.scene-progress>i>b{display:block;width:74%;height:100%;background:#74c9e5;animation:scene-progress 3s ease-in-out infinite alternate}
.scene-metrics{margin:20px}.scene-metrics>div{padding:15px}.scene-bars{display:flex;align-items:flex-end;gap:14px;height:90px;margin:14px 30px}.scene-bars i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(#7dd5f0,#4279dc);transform-origin:bottom;animation:scene-bar-grow 1.4s cubic-bezier(.18,.9,.2,1) both}
.premium-story-slide.is-active .scene-ui{animation:scene-ui-float 5s ease-in-out infinite}.premium-story-slide:not(.is-active) .scene-ui{animation:none}.premium-story-slide.is-active .scene-float{animation:scene-float-enter .9s cubic-bezier(.18,1.4,.3,1) .6s both,scene-bob 4s ease-in-out 1.5s infinite}.premium-story-slide.is-active .scene-list>span,.premium-story-slide.is-active .scene-chat,.premium-story-slide.is-active .scene-kanban span{animation:scene-item-in .6s ease both}.premium-story-slide.is-active .scene-list>span:nth-child(2),.premium-story-slide.is-active .scene-chat:nth-of-type(3),.premium-story-slide.is-active .scene-kanban span:nth-child(3){animation-delay:.45s}.premium-story-slide.is-active .scene-list>span:nth-child(3),.premium-story-slide.is-active .scene-chat:nth-of-type(4){animation-delay:.8s}.premium-story-slide.is-active .scene-cal-grid .picked{animation:scene-selected 2.5s ease-in-out infinite}.premium-story-slide.is-active .scene-bars i:nth-child(2){animation-delay:.12s}.premium-story-slide.is-active .scene-bars i:nth-child(3){animation-delay:.22s}.premium-story-slide.is-active .scene-bars i:nth-child(4){animation-delay:.32s}.premium-story-slide.is-active .scene-bars i:nth-child(5){animation-delay:.42s}.premium-story-slide.is-active .scene-bars i:nth-child(6){animation-delay:.52s}.premium-story-slide.is-active .scene-bars i:nth-child(7){animation-delay:.62s}
@keyframes scene-ui-float{50%{transform:translateY(-9px) rotateX(2deg) rotateY(-2deg)}}@keyframes scene-float-enter{from{opacity:0;transform:translateY(40px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scene-bob{50%{transform:translateY(-8px)}}@keyframes scene-item-in{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scene-bar-grow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes scene-progress{from{width:24%}to{width:86%}}@keyframes scene-selected{50%{box-shadow:0 0 25px #70c8ff;transform:scale(1.12)}}@keyframes scene-typing{50%{opacity:.2;transform:translateY(-4px)}}
@media(max-width:1200px){body.dentastik-login-premium .premium-scene-visual{height:240px}.scene-ui{height:215px}.scene-stat-grid b,.scene-metrics b{font-size:16px}.scene-float{padding:7px 9px}}
@media(max-width:900px){body.dentastik-login-premium .premium-scene-visual{display:none}}
@media(prefers-reduced-motion:reduce){.scene-ui,.scene-float,.scene-list>span,.scene-chat,.scene-kanban span,.scene-bars i,.scene-typing i,.scene-progress>i>b{animation:none!important}}

/* V8 — explicit entrance AND exit choreography for every story panel. */
body.dentastik-login-premium .premium-login-hero{isolation:isolate}
body.dentastik-login-premium .premium-story-slide{opacity:0;visibility:hidden;transform:translate3d(90px,0,0) scale(.92) rotateY(-8deg);filter:blur(16px);transition:opacity .82s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.16,1,.3,1),filter .8s ease,visibility 0s linear 1s;pointer-events:none}
body.dentastik-login-premium .premium-story-slide.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1) rotateY(0);filter:blur(0);transition:opacity .82s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.16,1,.3,1),filter .8s ease,visibility 0s;z-index:2}
body.dentastik-login-premium .premium-story-slide.is-entering{visibility:visible;opacity:0;transform:translate3d(110px,25px,0) scale(.86) rotateY(-12deg);filter:blur(20px);z-index:2}
body.dentastik-login-premium .premium-story-slide.is-leaving{visibility:visible;opacity:0;transform:translate3d(-125px,-12px,0) scale(1.08) rotateY(9deg);filter:blur(18px);z-index:1;transition:opacity .65s ease,transform .85s cubic-bezier(.4,0,1,1),filter .7s ease,visibility 0s linear 1s}
body.dentastik-login-premium .premium-story-slide.is-leaving .premium-scene-visual{opacity:0;transform:translate3d(-100px,-25px,0) scale(1.22) rotate(9deg);transition:opacity .48s ease,transform .7s cubic-bezier(.4,0,1,1)}
body.dentastik-login-premium .premium-story-slide.is-leaving .premium-login-eyebrow{opacity:0;transform:translate3d(-50px,-15px,0);transition:opacity .3s ease,transform .5s ease}
body.dentastik-login-premium .premium-story-slide.is-leaving h1{opacity:0;transform:translate3d(-90px,-30px,0) skewY(-4deg);filter:blur(14px);transition:opacity .45s ease,transform .65s ease,filter .5s ease}
body.dentastik-login-premium .premium-story-slide.is-leaving p{opacity:0;transform:translate3d(-65px,18px,0);transition:opacity .35s ease,transform .55s ease}
body.dentastik-login-premium .premium-story-slide.is-entering .premium-scene-visual{opacity:0;transform:translate3d(110px,50px,0) scale(.65) rotate(-13deg)}
body.dentastik-login-premium .premium-story-slide.is-entering h1{opacity:0;transform:translate3d(80px,55px,0) skewY(5deg);filter:blur(12px)}
body.dentastik-login-premium .premium-story-slide.is-entering p{opacity:0;transform:translate3d(60px,30px,0)}
@media(prefers-reduced-motion:reduce){body.dentastik-login-premium .premium-story-slide,body.dentastik-login-premium .premium-story-slide.is-active,body.dentastik-login-premium .premium-story-slide.is-entering,body.dentastik-login-premium .premium-story-slide.is-leaving{transition:none;filter:none;transform:none}}

/* V9: resolve active/entering specificity collision and ensure left text contrast in both modes. */
body.dentastik-login-premium .premium-story-slide.is-entering.is-active{visibility:visible;opacity:1;transform:translate3d(0,0,0) scale(1) rotateY(0);filter:blur(0);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),filter .8s ease}
body.dentastik-login-premium .premium-story-slide.is-entering.is-active .premium-scene-visual{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);transition:opacity .8s ease .12s,transform 1s cubic-bezier(.16,1,.3,1) .12s}
body.dentastik-login-premium .premium-story-slide.is-entering.is-active h1{opacity:1;transform:translate3d(0,0,0) skewY(0);filter:blur(0);transition:opacity .75s ease .28s,transform .9s ease .28s,filter .75s ease .28s}
body.dentastik-login-premium .premium-story-slide.is-entering.is-active p{opacity:1;transform:translate3d(0,0,0);transition:opacity .7s ease .5s,transform .8s ease .5s}
body.dentastik-login-premium .premium-story-slide.is-entering.is-active .premium-login-eyebrow{opacity:1;transform:translate3d(0,0,0);transition:opacity .65s ease .22s,transform .7s ease .22s}
html[data-theme="light"] body.dentastik-login-premium .premium-login-story{color:#f2f7ff}
html[data-theme="light"] body.dentastik-login-premium .premium-story-slide h1,html[data-theme="light"] body.dentastik-login-premium .premium-story-slide h1:not(em){color:#f4f8ff!important}
html[data-theme="light"] body.dentastik-login-premium .premium-story-slide h1 em{color:#8cc1ff!important}
html[data-theme="light"] body.dentastik-login-premium .premium-story-slide p{color:#c4d8f5}
@media(prefers-reduced-motion:reduce){body.dentastik-login-premium .premium-story-slide.is-entering.is-active,body.dentastik-login-premium .premium-story-slide.is-entering.is-active .premium-scene-visual,body.dentastik-login-premium .premium-story-slide.is-entering.is-active h1,body.dentastik-login-premium .premium-story-slide.is-entering.is-active p{transition:none;filter:none;transform:none}}

/* V10: independent keyframe choreography for EVERY scene element. CSS transitions
   were being bypassed when inactive slides were visibility:hidden. */
@keyframes dsk-scene-in{0%{opacity:0;transform:translate3d(140px,40px,0) scale(.65) rotateY(-18deg);filter:blur(20px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotateY(0);filter:blur(0)}}
@keyframes dsk-title-in{0%{opacity:0;transform:translate3d(70px,55px,0) skewY(7deg);filter:blur(12px)}100%{opacity:1;transform:translate3d(0,0,0) skewY(0);filter:blur(0)}}
@keyframes dsk-subtitle-in{0%{opacity:0;transform:translate3d(60px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes dsk-description-in{0%{opacity:0;transform:translate3d(0,45px,0);filter:blur(7px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes dsk-float-in{0%{opacity:0;transform:translate3d(80px,-35px,0) scale(.4)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes dsk-scene-out{from{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}to{opacity:0;transform:translate3d(-145px,-18px,0) scale(1.18) rotateY(12deg);filter:blur(17px)}}
@keyframes dsk-copy-out{from{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}to{opacity:0;transform:translate3d(-90px,-25px,0);filter:blur(10px)}}
body.dentastik-login-premium .premium-story-slide.is-active:not(.is-leaving) .premium-scene-visual{animation:dsk-scene-in 1.05s cubic-bezier(.16,1,.3,1) both!important}
body.dentastik-login-premium .premium-story-slide.is-active:not(.is-leaving) .premium-login-eyebrow{animation:dsk-subtitle-in .75s cubic-bezier(.16,1,.3,1) .14s both!important}
body.dentastik-login-premium .premium-story-slide.is-active:not(.is-leaving) h1{animation:dsk-title-in .9s cubic-bezier(.16,1,.3,1) .25s both!important}
body.dentastik-login-premium .premium-story-slide.is-active:not(.is-leaving) p{animation:dsk-description-in .85s cubic-bezier(.16,1,.3,1) .48s both!important}
body.dentastik-login-premium .premium-story-slide.is-active:not(.is-leaving) .scene-float{animation:dsk-float-in .8s cubic-bezier(.16,1,.3,1) .45s both!important}
body.dentastik-login-premium .premium-story-slide.is-leaving .premium-scene-visual{animation:dsk-scene-out .72s ease-in both!important}
body.dentastik-login-premium .premium-story-slide.is-leaving :is(h1,p,.premium-login-eyebrow){animation:dsk-copy-out .6s ease-in both!important}
@media(prefers-reduced-motion:reduce){body.dentastik-login-premium .premium-story-slide.is-active:not(.is-leaving) :is(.premium-scene-visual,.premium-login-eyebrow,h1,p,.scene-float),body.dentastik-login-premium .premium-story-slide.is-leaving :is(.premium-scene-visual,.premium-login-eyebrow,h1,p){animation:none!important}}

/* V11 — single-owner scenes; JS Web Animations control entry/exit, never overlap. */
body.dentastik-login-premium .premium-story-slide[hidden]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.dentastik-login-premium .premium-story-slide:not([hidden]){display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important;transition:none!important;pointer-events:auto!important}
body.dentastik-login-premium .premium-story-slide:not([hidden]) :is(.premium-scene-visual,.premium-login-eyebrow,h1,p){opacity:1;transform:none;filter:none;transition:none!important;animation:none!important}
body.dentastik-login-premium .premium-story-slide:not([hidden]) .scene-ui{animation:scene-ui-float 5s ease-in-out infinite!important}
body.dentastik-login-premium .premium-story-slide:not([hidden]) .scene-float{animation:scene-bob 4s ease-in-out infinite!important}

/* V12: independent CRM and Lab Next product-mode feature scenes */
.scene-mode-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:20px 17px 0}.scene-mode-heading>span{font-size:17px;font-weight:800}.scene-mode-heading>strong{font-size:9px;color:#99e9da;background:rgba(84,194,165,.14);border:1px solid rgba(84,194,165,.3);border-radius:20px;padding:7px 10px;white-space:nowrap}.scene-mode-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 17px}.scene-mode-metrics>div{display:flex;align-items:center;gap:10px;background:rgba(94,135,207,.16);border:1px solid rgba(154,187,248,.18);padding:10px;border-radius:9px}.scene-mode-metrics small{font-size:9px;color:#acc7f0}.scene-mode-metrics b{font-size:21px}.scene-mode-metrics em{font-size:9px;color:#7ee6cb;font-style:normal;margin-left:auto}.scene-mode-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:14px 17px}.scene-mode-pipeline span{font-size:9px;text-align:center;background:#32569c;padding:10px 2px;border-radius:6px}.scene-mode-pipeline span:last-child{background:#247b83}.scene-mode-cards{display:flex;gap:7px;margin:12px 17px}.scene-mode-cards span{flex:1;text-align:center;font-size:8px;color:#b5d8f5;border:1px solid rgba(165,200,255,.2);padding:9px 3px;border-radius:7px}.scene-lab-steps{display:flex;justify-content:space-between;gap:8px;margin:17px}.scene-lab-steps>div{flex:1;text-align:center;border:1px solid rgba(145,192,255,.24);border-radius:8px;padding:10px 3px;background:rgba(81,125,198,.14)}.scene-lab-steps b{display:block;color:#7ee2d3;font-size:17px}.scene-lab-steps span{font-size:9px}.scene-lab-order{display:flex;justify-content:space-between;align-items:center;margin:7px 17px;padding:9px 12px;border-radius:8px;background:rgba(91,134,200,.2);font-size:10px}.scene-lab-order b{font-size:9px;color:#96dcff}.scene-lab-track{height:5px;background:#28436e;margin:13px 17px;border-radius:5px;overflow:hidden}.scene-lab-track span{display:block;height:100%;width:70%;background:linear-gradient(90deg,#3c84f1,#79e0ce);animation:scene-progress 3s ease-in-out infinite alternate}