:root{
  --register-primary:#ec2b78;
  --register-primary-dark:#c81761;
  --register-primary-soft:#fff0f6;
  --register-orange:#ff9b2f;
  --register-green:#169a63;
  --register-purple:#7d3fbd;
  --register-ink:#201a21;
  --register-muted:#746b75;
  --register-line:#eee8ef;
  --register-soft:#faf8fa;
}
html{background:#fff}
body.register-body{
  min-width:320px;
  color:var(--register-ink);
  background:#fff;
  font-family:"Manrope",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.register-page{
  position:relative;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 18%,rgba(236,43,120,.075),transparent 25rem),
    radial-gradient(circle at 88% 72%,rgba(255,155,47,.08),transparent 25rem),
    linear-gradient(145deg,#fff 0%,#fdfafd 52%,#fff 100%);
}
.register-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.35;
  background-image:
    linear-gradient(rgba(92,63,91,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,63,91,.045) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 76%);
  mask-image:linear-gradient(to bottom,#000,transparent 76%);
}
.register-page::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  z-index:0;
  width:min(38vw,620px);
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 24%,rgba(236,43,120,.2),transparent 30%),
    radial-gradient(circle at 28% 76%,rgba(255,155,47,.18),transparent 32%),
    linear-gradient(145deg,rgba(255,232,242,.76),rgba(255,244,228,.48));
  -webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.72) 42%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.72) 42%,transparent 100%);
}
.register-premium-topbar{
  position:relative;
  z-index:5;
  min-height:82px;
  padding:0 clamp(22px,5vw,72px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid rgba(238,232,239,.78);
  background:rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
.register-premium-brand img{width:177px}
.register-premium-topbar>div{display:flex;align-items:center;gap:18px}
.register-premium-topbar>div>span{display:flex;align-items:center;gap:7px;color:#8f858f;font-size:.63rem}
.register-premium-topbar>div>span svg{width:15px;color:var(--register-green)}
.register-premium-topbar button{
  min-height:42px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--register-line);
  border-radius:12px;
  color:#5e545e;
  background:#fff;
  font-size:.66rem;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}
.register-premium-topbar button:hover{color:var(--register-primary-dark);border-color:#e8cada;transform:translateY(-1px);box-shadow:0 10px 24px rgba(50,27,47,.06)}
.register-premium-topbar button svg{width:15px}

.register-premium-shell{
  position:relative;
  z-index:2;
  width:min(1440px,100%);
  min-height:calc(100vh - 132px);
  margin:0 auto;
  padding:clamp(35px,5vw,72px) clamp(22px,5vw,72px);
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(410px,.84fr);
  align-items:center;
  gap:clamp(44px,7vw,105px);
}
.register-premium-intro{min-width:0;animation:register-intro-in .65s cubic-bezier(.22,1,.36,1) both}
.register-intro-copy{max-width:760px}
.register-eyebrow{
  min-height:34px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(236,43,120,.12);
  border-radius:999px;
  color:var(--register-primary-dark);
  background:rgba(255,240,246,.82);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  box-shadow:0 8px 24px rgba(236,43,120,.06);
}
.register-eyebrow svg{width:15px}
.register-intro-copy h1{
  max-width:800px;
  margin:18px 0 19px;
  color:var(--register-ink);
  font-family:"Manrope",Arial,sans-serif;
  font-size:clamp(2.65rem,5.4vw,5.85rem);
  font-weight:800;
  line-height:.98;
  letter-spacing:-.072em;
  text-wrap:balance;
}
.register-intro-copy p{max-width:680px;margin:0;color:var(--register-muted);font-size:clamp(.82rem,1.2vw,.98rem);line-height:1.75}
.register-journey{max-width:760px;margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.register-journey article{
  min-width:0;
  padding:14px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 20px;
  align-items:center;
  gap:9px;
  border:1px solid rgba(238,232,239,.88);
  border-radius:15px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 30px rgba(50,27,47,.035);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:.25s ease;
}
.register-journey article:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(50,27,47,.07)}
.register-journey article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--register-primary-dark);background:var(--register-primary-soft);font-size:.52rem;font-weight:800}
.register-journey strong,.register-journey small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.register-journey strong{font-size:.63rem}
.register-journey small{margin-top:3px;color:#998f99;font-size:.49rem}
.register-journey article>svg{width:18px;color:#b0a5af}
.register-login-benefits{margin-top:28px;display:flex;flex-wrap:wrap;gap:9px}
.register-login-benefits span,.register-trust-row span{display:flex;align-items:center;gap:7px;color:#6f646e;font-size:.62rem;font-weight:700}
.register-login-benefits span{min-height:38px;padding:0 12px;border:1px solid var(--register-line);border-radius:11px;background:#fff}
.register-login-benefits svg,.register-trust-row svg{width:15px;color:var(--register-primary)}

.register-menu-preview{
  position:relative;
  width:min(100%,640px);
  margin-top:27px;
  overflow:hidden;
  border:1px solid rgba(226,214,223,.95);
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 75px rgba(50,27,47,.12);
  transform:perspective(1200px) rotateY(2deg) rotateX(1deg);
  transform-origin:center;
  animation:register-preview-float 6s ease-in-out infinite;
}
.register-preview-top{height:43px;padding:0 14px;display:grid;grid-template-columns:70px minmax(0,1fr) 20px;align-items:center;gap:9px;border-bottom:1px solid #eee8ef;background:#fbfafb}
.register-preview-top>span{display:flex;gap:5px}
.register-preview-top>span i{width:7px;height:7px;border-radius:50%;background:#dfd6de}
.register-preview-top>span i:first-child{background:#ff7a88}.register-preview-top>span i:nth-child(2){background:#ffc06e}.register-preview-top>span i:last-child{background:#71cf9e}
.register-preview-top small{min-width:0;overflow:hidden;color:#9a909a;font-size:.51rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.register-preview-top b{display:grid;place-items:center;color:#8f858f}
.register-preview-top b svg{width:12px}
.register-preview-body{padding:15px;background:linear-gradient(145deg,#fff,#fcfafc)}
.register-preview-business{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:10px}
.register-preview-business>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--register-primary),var(--register-orange));font-size:.6rem;font-weight:800}
.register-preview-business strong,.register-preview-business small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.register-preview-business strong{font-size:.68rem}
.register-preview-business small{margin-top:3px;color:#998f99;font-size:.5rem}
.register-preview-business>svg{width:16px;color:#aaa0aa}
.register-preview-tabs{margin:14px 0 11px;display:flex;gap:6px}
.register-preview-tabs span{min-height:25px;padding:0 9px;display:flex;align-items:center;border-radius:999px;color:#7e737d;background:#f5f1f5;font-size:.47rem}
.register-preview-tabs span:first-child{color:#fff;background:var(--register-primary)}
.register-preview-products{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.register-preview-products article{padding:8px;display:grid;grid-template-columns:54px minmax(0,1fr) 25px;align-items:center;gap:8px;border:1px solid #f0eaf0;border-radius:13px;background:#fff}
.register-preview-products article>i{width:54px;height:50px;border-radius:9px;background:linear-gradient(135deg,#ffd8e8,#ffe7ca)}
.register-preview-products article:nth-child(2)>i{background:linear-gradient(135deg,#e6ddf4,#ffe1ec)}
.register-preview-products strong,.register-preview-products small,.register-preview-products b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.register-preview-products strong{font-size:.55rem}
.register-preview-products small{margin:3px 0;color:#a097a0;font-size:.44rem}
.register-preview-products b{font-size:.54rem}
.register-preview-products article>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--register-primary);font-size:.72rem}
.register-preview-order{margin-top:11px;min-height:38px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--register-primary),var(--register-primary-dark));font-size:.56rem}
.register-trust-row{max-width:640px;margin-top:19px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.register-trust-row svg{color:var(--register-green)}

.register-premium-card{
  width:min(100%,520px);
  justify-self:end;
  padding:28px;
  border:1px solid rgba(230,219,227,.92);
  border-radius:27px;
  background:rgba(255,255,255,.92);
  box-shadow:0 30px 90px rgba(50,27,47,.13);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  animation:register-card-in .65s .08s cubic-bezier(.22,1,.36,1) both;
}
.register-mode-switch{position:relative;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;overflow:hidden;border:1px solid #ece3ea;border-radius:14px;background:#f5f0f4;isolation:isolate}
.register-mode-switch::before{display:none}
.register-mode-indicator{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:10px;background:linear-gradient(120deg,var(--register-primary-dark),var(--register-primary) 64%,var(--register-orange));box-shadow:0 9px 22px rgba(205,25,98,.24),inset 0 1px 0 rgba(255,255,255,.28);transform:translate3d(0,0,0);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;will-change:transform;pointer-events:none}
.register-mode-indicator.is-login{transform:translate3d(calc(100% + 4px),0,0)}
.register-mode-switch button{position:relative;z-index:1;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;color:#817680;background:transparent;font-size:.64rem;font-weight:750;cursor:pointer;transition:color .28s ease,transform .28s ease,text-shadow .28s ease}
.register-mode-switch button svg{width:15px}
.register-mode-switch button.active{color:#fff;background:transparent;box-shadow:none;text-shadow:0 1px 8px rgba(83,4,37,.18)}
.register-mode-switch button:active{transform:scale(.97)}
.register-mode-content{transform-origin:50% 0}
.register-mode-enter-active{transition:opacity .34s ease,transform .42s cubic-bezier(.22,1,.36,1),filter .34s ease}
.register-mode-leave-active{transition:opacity .2s ease,transform .24s ease,filter .2s ease}
.register-mode-enter-from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(7px)}
.register-mode-leave-to{opacity:0;transform:translateY(-10px) scale(.99);filter:blur(5px)}
.register-card-head{margin:25px 0 21px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.register-card-head>div>span{display:block;color:var(--register-primary);font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.register-card-head h2{margin:5px 0 5px;color:var(--register-ink);font-family:"Manrope",Arial,sans-serif;font-size:1.72rem;line-height:1.12;letter-spacing:-.05em}
.register-card-head p{margin:0;color:#928892;font-size:.64rem;line-height:1.5}
.register-step-badge{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--register-primary),var(--register-orange));box-shadow:0 12px 28px rgba(236,43,120,.2);font-size:.56rem;font-weight:800;line-height:1.25;text-align:center;transform:rotate(3deg)}
.google-btn{
  width:100%;
  min-height:49px;
  padding:0 13px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 20px;
  align-items:center;
  gap:8px;
  border:1px solid #e5dde5;
  border-radius:13px;
  color:#443a43;
  background:#fff;
  box-shadow:0 8px 20px rgba(50,27,47,.04);
  font-size:.67rem;
  cursor:pointer;
  transition:.2s ease;
}
.google-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#d9ccd6;box-shadow:0 13px 26px rgba(50,27,47,.08)}
.google-btn.is-connected{border-color:#bfe7d0;color:#176b3d;background:#f3fcf7;box-shadow:0 9px 24px rgba(23,107,61,.08)}
.google-btn.is-connected>span{color:#fff;background:#1f9d5a}
.google-btn.is-connected>svg{color:#1f9d5a}
.google-btn>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#4285f4;background:#f5f7fb;font-size:.8rem;font-weight:800}
.google-btn b{font-weight:750}
.google-btn>svg{width:15px;color:#9d929c}
.form-divider{margin:17px 0;color:#9b919b;font-size:.52rem;font-weight:700;letter-spacing:.08em}
.form-divider::before,.form-divider::after{background:#eee8ef}
.register-form{display:grid;gap:18px}
.register-auth-choice{display:grid;gap:0}
.register-auth-choice .form-divider{margin:18px 0 22px}
.register-business-fields{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:16px;row-gap:20px}
.register-business-fields>label{grid-template-rows:auto 55px minmax(18px,auto)}
.register-form label{display:grid;gap:8px;color:#574c56;font-size:.66rem;font-weight:750}
.register-form label>span{display:block}
.register-form label>small{margin-top:0;color:#9a909a;font-size:.53rem;font-weight:500;line-height:1.45}
.register-business-guidance{display:grid;gap:8px}
.register-menu-link-preview{
  padding:9px 10px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:9px;
  overflow:hidden;
  border:1px solid #eee5eb;
  border-radius:11px;
  color:#776d76;
  background:#fcfafc;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.register-menu-link-preview>svg{width:15px;height:15px;margin:auto;color:#a397a1}
.register-menu-link-preview>span{min-width:0;display:grid;gap:2px}
.register-menu-link-preview small{color:#9a8f99;font-size:.49rem;font-weight:650}
.register-menu-link-preview strong{overflow:hidden;color:#5d525c;font-size:.6rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.register-menu-link-preview.has-name{border-color:rgba(236,43,120,.25);background:#fff8fb;box-shadow:0 7px 18px rgba(236,43,120,.06)}
.register-menu-link-preview.has-name>svg,.register-menu-link-preview.has-name strong{color:var(--register-primary-dark)}
.register-field{
  min-height:49px;
  display:grid;
  grid-template-columns:19px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:0 12px;
  overflow:visible;
  border:1px solid #e5dde5;
  border-radius:13px;
  background:#fff;
  transition:.2s ease;
}
.register-field:focus-within{border-color:rgba(236,43,120,.55);box-shadow:0 0 0 4px rgba(236,43,120,.08)}
.register-field>svg{position:static;width:17px;height:17px;color:#a097a0;stroke:currentColor}
.register-field input{min-width:0;min-height:47px;padding:0;border:0;outline:0;color:var(--register-ink);background:transparent;font-size:.71rem;font-weight:500}
.register-field input::placeholder{color:#b0a6af}
.register-field button{position:static;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;color:#8d838d;background:#f7f3f6;box-shadow:none;cursor:pointer}
.register-field button svg{width:15px;height:15px;stroke:currentColor}
.register-password-strength{height:5px;position:relative;overflow:visible;border-radius:999px;background:#f0eaef}
.register-password-strength>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--register-orange),var(--register-primary),var(--register-green));transition:width .3s ease}
.register-password-strength>span{position:absolute;right:0;top:8px;color:#a097a0;font-size:.47rem;font-weight:650}
.forgot-password-link{margin-top:-3px;color:var(--register-primary-dark);font-size:.6rem}
.register-terms{margin-top:3px;padding:10px 11px;display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;border:1px solid #f0e8ef;border-radius:11px;color:#746a74!important;background:#fcfafc;font-size:.55rem!important;line-height:1.5}
.register-terms input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--register-primary)}
.register-terms a{color:var(--register-primary-dark);font-weight:750}
.register-submit{
  min-height:52px;
  padding:0 15px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  border:0;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,var(--register-primary),var(--register-primary-dark));
  box-shadow:0 15px 32px rgba(236,43,120,.23);
  font-family:"Manrope",Arial,sans-serif;
  font-size:.7rem;
  font-weight:800;
  cursor:pointer;
  transition:.2s ease;
}
.register-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 19px 38px rgba(236,43,120,.3)}
.register-submit svg{width:17px;height:17px;stroke:currentColor}
.register-security-note{margin-top:17px;padding-top:14px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--register-line);color:#9a909a;font-size:.52rem}
.register-security-note svg{width:13px;color:var(--register-green)}
.register-footnote{margin:13px 0 0!important;color:#8e848e!important;font-size:.59rem;text-align:center}
.register-footnote button{padding:0;border:0;color:var(--register-primary-dark);background:transparent;font-size:inherit;font-weight:800;cursor:pointer}
.register-premium-footer{position:relative;z-index:2;min-height:50px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:center;gap:22px;border-top:1px solid rgba(238,232,239,.75);color:#a097a0;font-size:.52rem}
.register-premium-footer a{color:#716671}
.register-toast{display:flex;align-items:center;gap:8px}
.register-toast svg{width:17px}
.panel-transition{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:24px;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(22px) saturate(1.08);
  backdrop-filter:blur(22px) saturate(1.08);
}
.panel-transition::before,.panel-transition::after{
  content:"";
  position:absolute;
  width:min(48vw,540px);
  aspect-ratio:1;
  pointer-events:none;
  border-radius:50%;
  filter:blur(34px);
}
.panel-transition::before{top:-30%;left:-12%;background:radial-gradient(circle,rgba(236,43,120,.18),transparent 68%)}
.panel-transition::after{right:-13%;bottom:-34%;background:radial-gradient(circle,rgba(255,155,47,.17),transparent 68%)}
.panel-transition-card{
  position:relative;
  z-index:1;
  width:min(430px,100%);
  padding:34px 32px 30px;
  display:grid;
  justify-items:center;
  border:1px solid rgba(231,220,229,.86);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:0 36px 110px rgba(51,27,48,.16),inset 0 1px 0 #fff;
  text-align:center;
  animation:panel-card-in .48s cubic-bezier(.22,1,.36,1) both;
}
.panel-transition-loader{position:relative;width:82px;height:82px;display:grid;place-items:center;margin-bottom:20px}
.panel-transition-loader>i{position:absolute;inset:0;border:2px solid #f2e7ed;border-top-color:var(--register-primary);border-right-color:var(--register-orange);border-radius:50%;animation:panel-loader-spin 1s linear infinite}
.panel-transition-loader>span{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:#fff;box-shadow:0 13px 32px rgba(236,43,120,.16);animation:panel-logo-pulse 1.6s ease-in-out infinite}
.panel-transition-loader img{width:31px;height:31px}
.panel-transition-card>small{display:flex;align-items:center;gap:6px;color:#278b69;font-size:.63rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.panel-transition-card>small svg{width:15px}
.panel-transition-card h2{margin:11px 0 8px;color:var(--register-ink);font-size:1.72rem;line-height:1.15;letter-spacing:-.045em}
.panel-transition-card p{max-width:330px;margin:0;color:#827782;font-size:.76rem;line-height:1.6}
.panel-transition-progress{width:min(270px,82%);height:4px;margin-top:24px;overflow:hidden;border-radius:999px;background:#f1eaef}
.panel-transition-progress>i{display:block;width:44%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--register-primary),var(--register-orange));animation:panel-progress 1.15s cubic-bezier(.65,0,.35,1) infinite}
.panel-loading-enter-active{transition:opacity .26s ease}
.panel-loading-leave-active{transition:opacity .18s ease}
.panel-loading-enter-from,.panel-loading-leave-to{opacity:0}
.spinning{animation:register-spin .8s linear infinite}
.login-mode .register-menu-preview{max-width:560px}
.login-mode .register-premium-card{padding-bottom:31px}

/* Form-first registration: the tenant form is the only primary surface. */
.register-premium-shell{
  width:min(760px,100%);
  grid-template-columns:minmax(0,600px);
  justify-content:center;
  gap:0;
  padding-top:clamp(34px,5vw,64px);
  padding-bottom:clamp(42px,6vw,74px);
}
.register-premium-intro{display:none}
.register-premium-card{
  position:relative;
  width:100%;
  justify-self:stretch;
  padding:36px;
  border-color:rgba(229,216,225,.94);
  border-radius:30px;
  box-shadow:
    0 32px 100px rgba(50,27,47,.14),
    0 2px 0 rgba(255,255,255,.9) inset;
  transition:min-height .42s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;
}
.register-mode .register-premium-card{min-height:720px}
.login-mode .register-premium-card{min-height:505px}
.register-premium-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-55px;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle,rgba(236,43,120,.09),transparent 67%);
  filter:blur(10px);
}
.register-card-head{margin:28px 0 24px}
.register-card-head h2{font-size:2rem}
.register-card-head p{font-size:.69rem}
.register-form{gap:18px}
.register-field{min-height:53px}
.register-field input{min-height:51px;font-size:.75rem}
.register-submit{min-height:56px;font-size:.73rem}
.google-btn{min-height:52px}
.register-security-note{margin-top:20px}

@keyframes register-spin{to{transform:rotate(360deg)}}
@keyframes register-intro-in{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
@keyframes register-card-in{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes register-preview-float{0%,100%{transform:perspective(1200px) rotateY(2deg) rotateX(1deg) translateY(0)}50%{transform:perspective(1200px) rotateY(1deg) rotateX(.5deg) translateY(-6px)}}
@keyframes panel-card-in{from{opacity:0;transform:translateY(18px) scale(.965)}to{opacity:1;transform:none}}
@keyframes panel-loader-spin{to{transform:rotate(360deg)}}
@keyframes panel-logo-pulse{0%,100%{transform:scale(1);box-shadow:0 13px 32px rgba(236,43,120,.14)}50%{transform:scale(1.06);box-shadow:0 18px 42px rgba(236,43,120,.23)}}
@keyframes panel-progress{0%{transform:translateX(-130%)}100%{transform:translateX(300%)}}

@media (max-width:1050px){
  .register-premium-shell{grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:35px}
  .register-journey{grid-template-columns:1fr}
  .register-journey article{max-width:500px}
}
@media (max-width:860px){
  .register-premium-shell{grid-template-columns:1fr;align-items:start;padding-top:38px}
  .register-premium-intro{max-width:680px;margin:0 auto;text-align:center}
  .register-intro-copy h1{margin-left:auto;margin-right:auto;font-size:clamp(2.7rem,10vw,4.8rem)}
  .register-intro-copy p{margin:auto}
  .register-journey{grid-template-columns:repeat(3,minmax(0,1fr))}
  .register-login-benefits,.register-trust-row{justify-content:center}
  .register-menu-preview{margin-left:auto;margin-right:auto;transform:none}
  .register-premium-card{justify-self:center}
}
@media (max-width:620px){
  .register-page::after{width:100%;height:300px;background:radial-gradient(circle at 20% 0,rgba(236,43,120,.16),transparent 48%),radial-gradient(circle at 85% 10%,rgba(255,155,47,.13),transparent 44%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}
  .register-premium-topbar{min-height:68px;padding:0 14px}
  .register-premium-brand img{width:148px}
  .register-premium-topbar>div>span{display:none}
  .register-premium-topbar button{min-height:38px;padding:0 10px;font-size:.58rem}
  .register-premium-shell{min-height:auto;padding:26px 12px 35px;gap:25px}
  .register-intro-copy h1{font-size:clamp(2.35rem,12vw,3.3rem);letter-spacing:-.065em}
  .register-intro-copy p{font-size:.76rem}
  .register-journey{display:flex;overflow:auto;margin-left:-12px;margin-right:-12px;padding:0 12px 6px;scroll-snap-type:x mandatory;text-align:left}
  .register-journey article{min-width:245px;scroll-snap-align:start}
  .register-menu-preview{border-radius:18px;transform:none;animation:none}
  .register-preview-products{grid-template-columns:1fr}
  .register-preview-products article:nth-child(2){display:none}
  .register-trust-row{justify-content:center}
  .register-trust-row span:last-child{display:none}
  .register-premium-card{padding:20px 17px;border-radius:22px}
  .register-mode .register-premium-card,.login-mode .register-premium-card{min-height:0}
  .register-card-head{margin-top:20px}
  .register-card-head h2{font-size:1.48rem}
  .register-auth-choice .form-divider{margin-bottom:24px}
  .register-business-fields{grid-template-columns:1fr;row-gap:24px}
  .register-business-fields>label{grid-template-rows:auto 55px minmax(18px,auto)}
  .register-menu-link-preview{padding:10px}
  .register-menu-link-preview strong{font-size:.68rem}
  .register-field input{font-size:16px}
  .panel-transition{padding:16px}
  .panel-transition-card{padding:29px 21px 25px;border-radius:23px}
  .panel-transition-card h2{font-size:1.48rem}
  .panel-transition-card p{font-size:.72rem}
  .register-premium-footer{padding:14px;flex-wrap:wrap;gap:9px 16px;text-align:center}
  .register-premium-footer span:last-child{width:100%}
}
@media (max-width:390px){
  .register-premium-topbar button svg{display:none}
  .register-premium-topbar button{font-size:.53rem}
  .register-intro-copy h1{font-size:2.2rem}
  .register-premium-card{padding-left:14px;padding-right:14px}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}