@media (min-width:900px){
  html,body{
    width:100%;
    min-height:100%;
    margin:0;
    background:#050607;
  }
  body.wp-register-v7{
    width:100vw;
    min-width:100%;
    min-height:100svh;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden;
    background:#050607;
  }
  .register-shell{
    position:relative;
    width:100vw!important;
    max-width:none!important;
    min-width:100vw;
    min-height:100svh;
    margin:0!important;
    padding:0!important;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(560px,50vw);
    grid-template-rows:96px minmax(calc(100svh - 96px),auto);
    overflow:visible;
    border:0;
    border-radius:0;
    background:#070809;
    box-shadow:none;
  }
  .register-shell::before{
    content:"";
    grid-column:1;
    grid-row:1/3;
    min-height:100%;
    border-right:1px solid rgba(255,255,255,.075);
    background:
      linear-gradient(90deg,rgba(5,6,7,0) 0%,rgba(5,6,7,0) 88%,rgba(5,6,7,.34) 100%),
      linear-gradient(180deg,rgba(3,4,5,.02) 0%,rgba(3,4,5,.05) 58%,rgba(3,4,5,.18) 100%),
      var(--wp-register-artwork,linear-gradient(135deg,#17100c,#040506)) 50% center/cover no-repeat;
    background-color:#050607;
  }
  .register-shell::after{display:none}
  .register-topbar{
    grid-column:2;
    grid-row:1;
    width:100%;
    height:96px;
    padding:0 clamp(28px,2.8vw,46px);
    border-bottom:1px solid rgba(255,255,255,.07);
    background:#08090b;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .register-topbar .brand img{width:102px;max-height:66px}
  .register-topbar .back-link{width:46px;height:46px;font-size:36px}
  .register-topbar .signin-link{font-size:14px}

  .choice-view{
    grid-column:2;
    grid-row:2;
    align-self:stretch;
    width:100%;
    max-width:none;
    min-width:0;
    min-height:calc(100svh - 96px);
    margin:0;
    padding:clamp(58px,8vh,92px) clamp(34px,4vw,64px) clamp(44px,6vh,70px);
    display:grid;
    align-content:center;
    overflow:visible;
    border:0;
    border-radius:0;
    background:linear-gradient(180deg,#08090b 0%,#090a0c 58%,#070809 100%);
    box-shadow:none;
    backdrop-filter:none;
  }
  .choice-view::before{display:none}
  .choice-view .eyebrow,
  .choice-view h1,
  .choice-view .intro{text-align:left}
  .choice-view .eyebrow{margin-bottom:14px;font-size:12px;letter-spacing:.14em}
  .choice-view h1{
    margin:0;
    font-size:clamp(48px,4.15vw,66px);
    line-height:.96;
    letter-spacing:-.055em;
  }
  .choice-view .intro{
    max-width:650px;
    margin:18px 0 30px;
    color:rgba(255,255,255,.72);
    font-size:clamp(15px,1.15vw,18px);
    line-height:1.4;
  }
  .choice-view .role-grid{
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  .choice-view .role-card{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    width:100%;
    min-height:0;
    aspect-ratio:374/351;
    display:grid;
    align-content:end;
    gap:6px;
    padding:46% 22px 20px;
    border:1px solid rgba(255,123,50,.78);
    border-radius:22px;
    color:#fff;
    background-color:#0a0a0b;
    box-shadow:0 18px 44px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  .choice-view #personal-choice{
    background:
      linear-gradient(180deg,rgba(4,5,6,.05) 0%,rgba(4,5,6,.08) 32%,rgba(4,5,6,.58) 56%,rgba(4,5,6,.97) 78%,#050607 100%),
      var(--wp-register-artwork,linear-gradient(135deg,#2b170d,#090a0b)) 42% 50%/230% auto no-repeat;
  }
  .choice-view #business-choice{
    background:
      linear-gradient(180deg,rgba(4,5,6,.04) 0%,rgba(4,5,6,.08) 32%,rgba(4,5,6,.60) 56%,rgba(4,5,6,.97) 78%,#050607 100%),
      var(--wp-register-artwork,linear-gradient(135deg,#2b170d,#090a0b)) 100% 50%/230% auto no-repeat;
  }
  .choice-view .role-card::before{
    content:"";
    position:absolute;
    top:21%;
    left:22px;
    width:48px;
    height:48px;
    border:2px solid rgba(255,255,255,.92);
    border-radius:50%;
    background-color:rgba(5,6,7,.68);
    background-repeat:no-repeat;
    background-position:center;
    background-size:26px 26px;
    box-shadow:0 8px 24px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .choice-view #personal-choice::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.2' fill='none' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M5.5 19c.9-4.1 3-6 6.5-6s5.6 1.9 6.5 6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .choice-view #business-choice::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h16l-1.5-4H5.5L4 9Z' fill='none' stroke='white' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M5 9v10h14V9M9 19v-6h6v6' fill='none' stroke='white' stroke-width='1.7' stroke-linejoin='round'/%3E%3Crect x='13.5' y='13' width='3.5' height='4.8' fill='%23ff7b32'/%3E%3C/svg%3E");
  }
  .choice-view .role-card:hover,
  .choice-view .role-card:focus-visible{
    transform:translateY(-3px);
    border-color:#ff8a3d;
    box-shadow:0 24px 56px rgba(0,0,0,.46),0 0 0 1px rgba(255,123,50,.16),inset 0 1px 0 rgba(255,255,255,.10);
    outline:none;
  }
  .choice-view .role-card span{
    color:#ff8b47;
    font-size:clamp(11px,.85vw,14px);
    font-weight:850;
    letter-spacing:.02em;
  }
  .choice-view .role-card strong{
    font-size:clamp(22px,1.7vw,29px);
    line-height:1.04;
    letter-spacing:-.035em;
    text-shadow:0 2px 16px rgba(0,0,0,.58);
  }
  .choice-view .role-card small{
    color:rgba(255,255,255,.84);
    font-size:clamp(12px,.96vw,15px);
    line-height:1.28;
    text-shadow:0 2px 12px rgba(0,0,0,.72);
  }
  .choice-view .role-card b{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:56px;
    margin-top:12px;
    padding:12px 16px;
    border-radius:999px;
    font-size:clamp(12px,.92vw,15px);
    line-height:1.1;
  }
  .choice-view #personal-choice b{
    color:#1a0b03;
    background:linear-gradient(100deg,#ff741f 0%,#ff9a43 100%);
    box-shadow:0 10px 24px rgba(255,105,27,.24),inset 0 1px 0 rgba(255,255,255,.30);
  }
  .choice-view #business-choice b{
    color:#ff9a43;
    border:1px solid rgba(255,123,50,.92);
    background:rgba(6,7,8,.78);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .choice-view .accountant-link{
    margin-top:28px!important;
    color:rgba(255,255,255,.90)!important;
    font-size:14px!important;
  }
  .choice-view .existing-copy{
    margin-top:14px!important;
    color:rgba(255,255,255,.56)!important;
    font-size:12px!important;
  }
  .choice-view .accountant-link,
  .choice-view .existing-copy{
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }

  .form-stage{
    grid-column:2;
    grid-row:2;
    width:100%;
    max-width:none;
    min-height:100%;
    padding:34px clamp(32px,3vw,52px) 44px;
    align-self:stretch;
    background:linear-gradient(180deg,#08090b 0%,#090a0c 58%,#070809 100%);
  }
  .form-card{
    width:100%;
    max-width:620px;
    margin:0 auto;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
  .form-card::before{display:none}
  .form-heading h1,.success-card h1{font-size:40px}
  .form-heading .intro{max-width:470px}
  .success-card{margin-top:10vh}
}

@media (min-width:900px) and (max-width:1180px){
  .register-shell{grid-template-columns:minmax(0,1fr) minmax(560px,52vw)}
  .choice-view{padding-left:28px;padding-right:28px}
  .form-stage{padding-left:28px;padding-right:28px}
  .choice-view .role-grid{gap:14px}
  .choice-view .role-card{padding-left:16px;padding-right:16px}
  .choice-view .role-card::before{left:16px;width:44px;height:44px}
}

@media (min-width:900px) and (max-height:820px){
  .register-shell{grid-template-rows:78px minmax(calc(100svh - 78px),auto)}
  .register-topbar{height:78px}
  .choice-view{min-height:calc(100svh - 78px);padding-top:28px;padding-bottom:28px}
  .choice-view .intro{margin-top:12px;margin-bottom:20px}
  .choice-view .role-card{aspect-ratio:1.12/1;padding-top:42%}
  .choice-view .role-card::before{top:16%}
  .choice-view .accountant-link{margin-top:18px!important}
  .form-stage{padding-top:22px;padding-bottom:30px}
}