/* Login V2 scene only. The approved form stylesheet remains byte-identical. */
.pl3-experience{--scene-rx:8deg;--scene-ry:-17deg;--scene-light:50%;position:relative;margin:8px -5px 20px -16px;max-width:480px}
.pl3-stage{height:328px;position:relative;perspective:1600px;perspective-origin:50% 43%;touch-action:pan-y}
.pl3-ground{position:absolute;left:12%;right:8%;height:75px;bottom:9px;border-radius:50%;background:radial-gradient(ellipse,rgba(48,76,136,.17),rgba(90,123,185,.06) 44%,transparent 71%);transform:rotateX(64deg);pointer-events:none}
.pl3-tilt{position:absolute;width:380px;height:264px;left:50%;top:32px;margin-left:-190px;transform-style:preserve-3d;transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));}
.pl3-float{position:absolute;inset:0;transform-style:preserve-3d;animation:pl3-hover 8s ease-in-out infinite;animation-play-state:paused}
.pl3-backplate,.pl3-midplate,.pl3-window{position:absolute;inset:12px 18px 8px;border-radius:21px;transform-style:preserve-3d}
.pl3-backplate{background:linear-gradient(130deg,#c8d9f5,#edf4ff);transform:translate3d(8px,-6px,-42px) rotateZ(-5deg);box-shadow:0 24px 40px -24px rgba(35,68,123,.25);border:1px solid rgba(255,255,255,.95)}
.pl3-midplate{background:linear-gradient(130deg,#e0eafe,#fbfdff);transform:translate3d(-3px,0,-20px) rotateZ(3deg);border:1px solid #f8fbff;box-shadow:0 20px 35px -23px #7896c3}
.pl3-window{background:linear-gradient(115deg,#fff,#f9fbff);transform:translateZ(12px);box-shadow:0 30px 55px -28px rgba(34,57,102,.32),inset 0 1px 1px #fff;border:1px solid rgba(202,216,239,.75)}
.pl3-window::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--scene-light) 0%,rgba(116,166,255,.13),transparent 66%);transition:background .6s}
.pl3-topbar{height:42px;padding:0 18px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #edf1f8}.pl3-window-dot{height:5px;width:5px;border-radius:50%;background:#c6d3e8}.pl3-window-dot:nth-child(2){background:#adbfda}.pl3-window-dot:nth-child(3){background:#8da5cd}
.pl3-window-brand{font:550 14px Outfit,sans-serif;letter-spacing:-.03em;margin-left:13px;color:#142646}.pl3-window-brand>span{color:#346de7}.pl3-topbar>svg{margin-left:auto;width:16px;height:16px;color:#6483b9}
.pl3-workspace{display:flex;height:200px}.pl3-sidebar{padding:22px 14px;width:49px;display:flex;flex-direction:column;gap:16px;border-right:1px solid #eef2f8}.pl3-sidebar>span{width:17px;height:7px;background:#dbe4f2;border-radius:4px}.pl3-sidebar>.pl3-nav-active{height:17px;margin-top:-4px;background:#e8f0ff;box-shadow:inset 0 0 0 5px #8badeb}.pl3-sidebar>i{width:17px;height:17px;background:#eaf0fa;border-radius:50%;margin-top:auto}
.pl3-work-content{padding:21px 24px;flex:1}.pl3-caption{font:700 7px Manrope,sans-serif;letter-spacing:.15em;color:#667f9f}.pl3-work-content>strong{display:block;font:550 26px/1.2 Outfit,sans-serif;letter-spacing:-.035em;margin-top:5px;color:#142646}.pl3-work-content>p{font:10px Manrope,sans-serif;color:#6a7e9b;margin:5px 0 14px}
.pl3-abstract-grid{display:flex;gap:20px;align-items:center}.pl3-orbit{position:relative;height:55px;width:55px;border-radius:50%;border:5px solid #e8effa;box-shadow:inset 0 1px 4px #dce6f5;transform:translateZ(5px)}.pl3-orbit>i{position:absolute;inset:-5px;border:5px solid transparent;border-top-color:#3e75e9;border-right-color:#a3c2fb;border-radius:50%;transform:rotate(25deg)}.pl3-orbit>b{position:absolute;inset:12px;background:#edf3ff;border-radius:50%}.pl3-orbit>span{position:absolute;inset:19px;background:#5784df;border-radius:50%}
.pl3-bars{width:133px;display:flex;flex-direction:column;gap:7px}.pl3-bars>span{height:5px;border-radius:5px;background:linear-gradient(90deg,#c8d8f4,#edf3fc)}.pl3-bars>span:nth-child(1){width:90%;background:linear-gradient(90deg,#749eea,#cddffd)}.pl3-bars>span:nth-child(2){width:68%}.pl3-bars>span:nth-child(3){width:80%}.pl3-bars>span:nth-child(4){width:48%}
.pl3-flow-line{display:flex;gap:10px;align-items:center;margin-top:15px;font:650 8px Manrope,sans-serif;color:#486387}.pl3-flow-line>i{color:#a2b3cc;font-style:normal}
.pl3-security{position:absolute;right:-15px;top:106px;width:94px;height:117px;transform-style:preserve-3d;transform:translate3d(0,0,92px) rotateY(-9deg) rotateZ(6deg);transition:transform .7s cubic-bezier(.22,.7,.2,1)}
.pl3-lock{width:74px;height:66px;position:absolute;top:30px;left:10px;transform-style:preserve-3d;transform:rotateY(-14deg);transition:transform .7s cubic-bezier(.22,.7,.2,1)}
.pl3-lock-front,.pl3-lock-back,.pl3-lock-side,.pl3-lock-top,.pl3-lock-bottom{position:absolute;border-radius:13px}.pl3-lock-front{inset:0;background:linear-gradient(135deg,#3e79f4,#1c4da8 78%,#173e83);transform:translateZ(16px);box-shadow:inset 0 1px 1px #b8d2ff,0 18px 33px -20px #25447d;display:grid;place-items:center;border:1px solid rgba(157,191,255,.5)}.pl3-lock-front>svg{height:33px;width:33px;stroke:#ecf4ff;stroke-width:1.5}.pl3-lock-back{inset:0;background:#b4cef4;transform:translateZ(-8px)}.pl3-lock-side{height:66px;width:24px;right:-12px;top:0;border-radius:0 9px 9px 0;background:linear-gradient(#2d5bb0,#122f6c);transform:translateZ(4px) rotateY(90deg)}.pl3-lock-top{width:74px;height:24px;top:-12px;background:#80aaf0;transform:translateZ(4px) rotateX(90deg);border-radius:10px 10px 0 0}.pl3-lock-bottom{width:74px;height:24px;bottom:-12px;background:#183b76;transform:translateZ(4px) rotateX(-90deg)}
.pl3-shackle{width:47px;height:50px;border:8px solid #c4d8f8;border-bottom:0;border-radius:26px 26px 0 0;position:absolute;left:14px;top:-32px;transform:translateZ(4px);box-shadow:inset 2px 1px 2px #eff6ff,2px 1px 2px #759ad1;transition:transform .6s var(--pl-ease)}.pl3-shackle>i{position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.65);border-bottom:0;border-radius:inherit}
.pl3-security-label{position:absolute;bottom:-8px;left:-9px;white-space:nowrap;background:#f9fcff;border-radius:7px;padding:7px 8px;font:750 6px Manrope,sans-serif;letter-spacing:.05em;color:#345275;transform:translateZ(26px);box-shadow:0 8px 13px -8px #6c87af;border:1px solid #dfeafa;display:flex;align-items:center;gap:5px}.pl3-security-label>span{width:4px;height:4px;background:#497de0;border-radius:50%}
.pl3-chip{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid rgba(205,220,244,.75);background:linear-gradient(125deg,#fff,#f5f9ff);padding:13px 15px;border-radius:14px;box-shadow:0 16px 28px -15px rgba(51,86,143,.33);font:650 9px Manrope,sans-serif;color:#36527c;transform-style:preserve-3d;animation:pl3-chip-float 7s ease-in-out infinite;animation-play-state:paused}.pl3-chip>svg{width:17px;height:17px;stroke:#4b7cdc}.pl3-chip-scan{left:-18px;top:62px;--chip-z:76px;--chip-angle:-8deg;transform:translateZ(76px) rotateZ(-8deg)}.pl3-chip-scan>i{height:5px;width:5px;border-radius:50%;background:#96b7f3;margin-left:4px}.pl3-chip-compare{left:59px;bottom:-9px;--chip-z:100px;--chip-angle:5deg;transform:translateZ(100px) rotateZ(5deg);animation-delay:-3s}
.pl3-spark{position:absolute;border-radius:7px;border:1px solid #bdd1f1;background:linear-gradient(135deg,#eef5ff,#95b7eb);width:19px;height:19px;box-shadow:0 8px 15px -8px #718bb3}.pl3-spark-one{right:3px;top:10px;transform:translateZ(66px) rotateZ(30deg) rotateY(-20deg)}.pl3-spark-two{left:18px;bottom:8px;transform:translateZ(45px) rotateZ(-25deg);width:11px;height:11px}
.pl3-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 0 20px}.pl3-control-caption{font-size:9px;letter-spacing:.035em;color:#617696}.pl3-control-buttons{display:flex;gap:3px}.pl3-control-buttons button{height:44px;width:44px;display:grid;place-items:center;border:0;border-radius:12px;color:#577195;background:transparent;transition:background .2s,color .2s}.pl3-control-buttons button:hover{background:#e7eefb;color:#1e52e0}.pl3-control-buttons button>svg{height:17px;width:17px;grid-area:1/1}.pl3-play-icon{display:none}.pl3-control-buttons button[aria-pressed=true] .pl3-play-icon{display:block}.pl3-control-buttons button[aria-pressed=true] .pl3-pause-icon{display:none}.pl3-control-buttons button:disabled{opacity:.5;cursor:default}
.pl3-experience[data-motion=running] .pl3-float,.pl3-experience[data-motion=running] .pl3-chip{animation-play-state:running}
.pl3-experience[data-field=email] .pl3-window{background:linear-gradient(115deg,#fff,#eff5ff)}
.pl3-experience[data-field=email] .pl3-security{transform:translate3d(0,-3px,108px) rotateY(3deg) rotateZ(4deg)}
.pl3-experience[data-field=password] .pl3-security{transform:translate3d(-13px,-12px,145px) rotateY(14deg) rotateZ(-5deg)}
.pl3-experience[data-visible=true] .pl3-lock{transform:rotateY(14deg)}
.pl3-experience[data-visible=true] .pl3-shackle{transform:translate3d(-3px,-7px,4px) rotateZ(-8deg)}
.pl3-experience[data-busy=true] .pl3-security{transform:translate3d(-10px,-14px,148px) rotateY(0deg) rotateZ(0deg)}
.pl3-experience[data-busy=true] .pl3-orbit>i{animation:pl3-pending 2s linear infinite;animation-play-state:paused}
.pl3-experience[data-busy=true][data-motion=running] .pl3-orbit>i{animation-play-state:running}
.pl3-experience[data-error=true] .pl3-window{border-color:#ddbdc5}.pl3-experience[data-error=true] .pl3-security-label>span{background:#a86b7b}
.pl3-experience[data-motion=paused] *, .pl3-experience[data-motion=paused] *::before,.pl3-experience[data-motion=paused] *::after{animation-play-state:paused!important;transition:none!important}
@keyframes pl3-hover{0%,100%{transform:translate3d(0,2px,0) rotateX(.7deg) rotateY(-1.8deg) rotateZ(-.8deg)}50%{transform:translate3d(0,-9px,4px) rotateX(-.7deg) rotateY(1.8deg) rotateZ(.7deg)}}
@keyframes pl3-chip-float{0%,100%{transform:translate3d(0,0,var(--chip-z)) rotateZ(var(--chip-angle))}50%{transform:translate3d(0,-7px,var(--chip-z)) rotateZ(calc(var(--chip-angle) + 2deg))}}
@keyframes pl3-pending{to{transform:rotate(385deg)}}
@media(max-width:1100px) and (min-width:801px){.pl3-experience{margin-left:-22px;margin-right:-16px}.pl3-tilt{scale:.85}.pl3-stage{height:285px}.pl3-controls{margin-left:16px;margin-right:0}}
@media(max-width:800px){.pl-story{display:block;padding:0}.pl-story .pl-kicker,.pl-story h2,.pl-story-copy,.pl-story-foot{display:none}.pl3-experience{margin:-10px auto 18px;max-width:385px}.pl3-stage{height:174px;perspective-origin:50% 50%}.pl3-tilt{scale:.6;top:-36px}.pl3-controls{margin:-5px 15px 0}.pl3-control-caption{font-size:8px}.pl3-chip-scan{display:none}.pl3-chip-compare{animation:none}.pl3-float{animation-name:pl3-hover-small}.pl3-ground{bottom:0;height:40px;left:17%;right:15%}.pl3-spark-two{display:none}.pl-main{margin:0 auto}.pl3-experience[data-field=password] .pl3-security{transform:translate3d(-8px,-8px,115px) rotateY(8deg) rotateZ(-3deg)}}
@media(max-width:480px){.pl3-experience{margin-top:-17px;margin-bottom:16px}.pl3-stage{height:150px}.pl3-tilt{scale:.53;top:-47px}.pl3-controls{margin:-5px 4px 0}.pl3-control-caption{font-size:8px}}
@media(max-height:650px) and (max-width:800px){.pl3-stage{height:112px}.pl3-tilt{scale:.4;top:-64px}.pl3-experience{margin-top:0;margin-bottom:8px}.pl3-controls{margin-top:-5px}}
@keyframes pl3-hover-small{0%,100%{transform:translate3d(0,0,0) rotateY(-.6deg) rotateZ(-.3deg)}50%{transform:translate3d(0,-4px,2px) rotateY(.6deg) rotateZ(.3deg)}}
@media(prefers-reduced-motion:reduce){.pl3-tilt{transform:rotateX(8deg) rotateY(-17deg)!important}.pl3-experience *{animation:none!important;transition:none!important}}