*,
*::before,
*::after{box-sizing:border-box}

html,body{margin:0;padding:0}

html{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

body{
  min-height:100vh;
  font-family:var(--font-sans);
  font-size:15px;
  line-height:1.6;
  color:var(--text);
  background:var(--bg);
}

img,svg,video,canvas{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
a{text-decoration:none;color:inherit}
button{cursor:pointer}

h1,h2,h3,h4,h5,h6,p{margin:0}

.container{
  width:min(100% - 32px, var(--container-app));
  margin-inline:auto;
}

.page-bg-auth{
  background:
    radial-gradient(circle at top right, rgba(200,155,60,.18), transparent 26%),
    radial-gradient(circle at left bottom, rgba(111,29,27,.14), transparent 28%),
    linear-gradient(135deg,#f8f1ea 0%,#f3ebe3 45%,#efe5dc 100%);
}

.text-muted{color:var(--text-muted)}
.text-soft{color:var(--text-soft)}

.gold-line{
  width:84px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),#f3d58a);
}

.visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}