.pd-auth-visual{box-sizing:border-box;position:relative;overflow:hidden;background:#284e43;border-radius:28px;padding:46px 38px;color:#f6f2e6;isolation:isolate}
.pd-auth-visual *{box-sizing:border-box}
.pd-auth-visual .pd-auth-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#c9d8bf}
.pd-auth-visual h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,3.5vw,52px);font-weight:400;line-height:1.12;letter-spacing:-1.5px;margin:25px 0 20px;color:#fff8e9}
.pd-auth-visual h2 em{color:#eab79a;font-weight:400}
.pd-auth-visual>p{font-size:14px;line-height:1.8;color:#d1ddd3;max-width:340px;margin:0}
.pd-connection-art{position:relative;height:300px;width:min(100%,340px);margin:12px auto 0}
.pd-connection-orbit{position:absolute;inset:30px 2px 40px;border:1px solid #ccd6b52e;border-radius:50%;transform:rotate(-28deg)}
.pd-orbit-two{inset:14px 44px 20px;transform:rotate(32deg)}
.pd-connection-card{position:absolute;width:145px;height:193px;border:7px solid #fff9e9;border-radius:19px;background:#dfdec8;box-shadow:0 18px 25px #112e3930;overflow:hidden;top:57px;animation:pd-connection-float 5s ease-in-out 3}
.pd-connection-card svg{display:block;width:100%;height:149px;background:#d4dcc9}
.pd-connection-card>span{display:block;height:3px;margin:9px 12px 0;background:#4861524d;width:60%;border-radius:4px}
.pd-connection-card>span+span{width:35%;margin-top:5px}
.pd-connection-card-one{left:14px;--tilt:-12deg;transform:rotate(var(--tilt))}
.pd-connection-card-two{right:12px;top:79px;--tilt:12deg;transform:rotate(var(--tilt));animation-delay:-2s;background:#eee0ca}
.pd-connection-card-two svg{background:#e6c8b0}
.pd-connection-heart{position:absolute;top:143px;left:calc(50% - 27px);width:54px;height:54px;display:grid;place-items:center;background:#d55542;color:#fff7ec;border:4px solid #edddc9;border-radius:50%;box-shadow:0 5px 15px #183a3a25}
.pd-connection-heart svg{width:25px;height:25px}
.pd-connection-spark{position:absolute;right:32px;top:12px;color:#e7ba88;font-size:45px;line-height:1}
.pd-connection-dot{position:absolute;bottom:23px;left:34px;width:10px;height:10px;border-radius:50%;background:#a4b69b}
.pd-auth-visual-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #d1d9c52b;padding-top:22px;font-size:12px;letter-spacing:.3px;color:#cfdbce}
.pd-auth-visual-footer>span{width:7px;height:7px;border-radius:50%;background:#dcb697}
@keyframes pd-connection-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-9px) rotate(calc(var(--tilt) + 2deg))}}
@media(prefers-reduced-motion:reduce){.pd-connection-card{animation:none}}
@media(max-width:700px){.pd-auth-visual{padding:26px;border-radius:20px}.pd-auth-visual h2{font-size:34px;margin:15px 0}.pd-auth-visual>p{font-size:13px}.pd-connection-art{height:115px;width:180px;margin:0;position:absolute;right:-16px;bottom:12px;opacity:.2;transform:scale(.65);transform-origin:bottom right}.pd-auth-visual-footer{margin-top:22px;padding-top:16px}.pd-auth-visual h2,.pd-auth-visual>p{position:relative;z-index:1}}