/* Static light at the edges; no overlay, blur layer or extra media. */
body{
  background-color:#08080d;
  background-image:
    radial-gradient(ellipse 560px 630px at 0% 50%,#16bde429,transparent 78%),
    radial-gradient(ellipse 560px 630px at 100% 50%,#f02a9729,transparent 78%);
  background-size:100% 1050px;
  background-repeat:repeat-y;
}
.auth-layout>.box{
  background:radial-gradient(ellipse 220px 150px at 100% 0,#f42a960b,transparent 80%),#11111b;
  box-shadow:24px 0 75px -45px #ec319a38,-24px 0 75px -45px #15cbe733;
}
/* Each primary button has one clipped gradient, without a second edge layer. */
body .button.primary,body button[data-modal=request],body form button[type=submit],
body .policy-done,body .claim-order,body .top-actions #home-link,body .status-actions .button{
  appearance:none;-webkit-appearance:none;position:relative;isolation:isolate;
  overflow:hidden;border:0!important;border-radius:11px;
  background:linear-gradient(110deg,#22d5ed 0%,#69d6ec 42%,#eb58a7 100%);
  background-origin:border-box;background-clip:border-box;
}
body .button.primary::before,body .button.primary::after,
body button[data-modal=request]::before,body button[data-modal=request]::after,
body .top-actions #home-link::before,body .top-actions #home-link::after{content:none!important}
body button,body a.button{background-clip:padding-box}
@media(max-width:650px){
  body{background-image:
    radial-gradient(ellipse 250px 520px at -12% 50%,#16bde426,transparent 80%),
    radial-gradient(ellipse 250px 520px at 112% 50%,#f02a9725,transparent 80%);
    background-size:100% 850px}
  .auth-layout>.box{box-shadow:none}
}