/* Global shell: tokens, reset, layout, header/footer inside .main-check, buttons, lightweight AOS */

:root {
  --text-primary: #050f19;
  --text-accept: #0057ff;
  --text-gray: #050f1966;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}

html,
body {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  width: 100%;
  min-height: 100%;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  background: #fafbfc;
}

#app {
  width: 100%;
}

.container {
  max-width: 534px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.main-check {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

.btn {
  margin-top: 24px;
  display: inline-flex;
  height: 48px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  background-color: #050f1908;
  border: 1px solid rgba(5, 15, 25, 0.0784313725);
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  border-radius: 16px;
  width: 100%;
  user-select: none;
}

.btn:hover {
  background-color: #050f190f;
}

.btn:focus {
  background-color: #050f1908;
}

.btn:disabled {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: none;
}

.btn.btn-primary {
  background-color: #0057ff;
  border: none;
  color: #fff;
}

.btn.btn-primary:hover {
  background-color: #175de5;
}

.btn.btn-primary:focus {
  background-color: #2454b2;
}

.main-check header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background-color: #fff;
  padding: 20px 15px;
}

.main-check header > * {
  display: inline-flex;
  align-items: center;
}

.main-check header .link {
  color: var(--text-primary);
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
}

.main-check .header-logo {
  height: 32px;
  width: auto;
}

.main-check footer {
  background-color: #fff;
  text-align: center;
  padding: 22px 15px;
}

.main-check footer p {
  text-align: center;
  color: #050f1966;
}

/* AOS-style fades (landing index.html); pre-flagged .aos-animate stays visible */
[data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}

[data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}

[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}

[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}