.register-page{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,#355744 0,transparent 38%),radial-gradient(circle at 85% 70%,#2a3f39 0,transparent 32%),#14211f}
.register-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 34%,#d5bbd311,transparent 29%);pointer-events:none}
.register-card-wrap{position:relative}
.register-card-wrap:before{content:"";position:absolute;inset:-25px;border:1px solid #c9e5d223;border-radius:42px;transform:rotate(-3deg);pointer-events:none}
.register-card{position:relative;overflow:hidden;padding:38px 40px 32px;border-color:#d7e5d8;background:linear-gradient(145deg,#fffdf9 2%,#f5f8ef 100%);box-shadow:0 32px 90px #06171270,0 0 0 1px #ffffff80;animation:register-enter .7s cubic-bezier(.2,.8,.2,1) both}
.register-card:before{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-115px;border-radius:50%;background:radial-gradient(circle,#d4e6d7,#e8e8d500 70%);pointer-events:none}
.register-card-top{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.register-badge{display:inline-flex;align-items:center;min-height:29px;padding:0 12px;border:1px solid #bed3c4;border-radius:99px;background:#e9f3e9;color:#52725c;font-size:10px;font-weight:800;letter-spacing:.13em}
.register-sparkle{font-size:28px;line-height:1;color:#ad8db0;animation:register-twinkle 4s ease-in-out infinite}
.register-card h2{position:relative;max-width:360px;font-size:clamp(31px,3vw,41px);line-height:1.07;letter-spacing:-.06em;margin:0 0 13px}
.register-card .register-card-lede{position:relative;font-size:15px;max-width:350px;margin:0 0 27px;line-height:1.6}
.register-card .register-google{position:relative;justify-content:center;min-height:58px;margin-top:0;border:1px solid #b8d4c1;border-radius:14px;background:#fff;color:#1c3027;box-shadow:0 8px 20px #2036270d;font-size:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.register-card .register-google:hover{transform:translateY(-3px);border-color:#8bab98;background:#f9fdf9;box-shadow:0 13px 26px #2036271b}
.register-card .register-google:focus-visible{outline:2px solid #3e7957;outline-offset:3px}
.register-card .register-google .google-mark{flex:none}
.register-arrow{position:absolute;right:19px;color:#49765a;font-size:19px;font-weight:400}
.register-card .register-privacy{font-size:12px;color:#75877a;margin:13px 0 0;text-align:center}
.register-divider{height:1px;background:#dfe8dd;margin:27px 0 21px}
.register-steps{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.register-steps span{color:#5f7667;font-size:11px;white-space:nowrap}
.register-steps b{color:#9e7e9f;font-size:10px;margin-right:4px}
.register-card .mp-auth-links{border-top:1px solid #e2e9df;margin-top:23px;padding-top:21px}
.register-card .mp-auth-links a{color:#275d3d;font-weight:800;text-decoration:underline;text-underline-offset:4px}
@keyframes register-enter{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes register-twinkle{0%,100%{opacity:.55;transform:rotate(-10deg) scale(.9)}50%{opacity:1;transform:rotate(10deg) scale(1.08)}}
@media(max-width:850px){.register-card-wrap{max-width:540px;width:100%;margin:auto}}
@media(max-width:600px){.register-page{padding-bottom:80px}.register-card{padding:29px 24px 25px}.register-card-wrap:before{inset:-10px;border-radius:33px}.register-steps{gap:8px 15px}.register-card h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.register-card,.register-sparkle{animation:none}.register-card .register-google{transition:none}.register-card .register-google:hover{transform:none}}