/* Public entry screens: keep desktop forms compact without changing the app shell. */
@media (min-width: 1024px) {
  body.flipy-entry-page {
    background: radial-gradient(ellipse at 18% 20%, #ff00660b, transparent 48%),
      radial-gradient(ellipse at 82% 85%, #8a1c6a0d, transparent 48%), #050508;
  }

  body.flipy-entry-page > .app-viewport {
    padding: 32px 24px;
    min-height: 0;
  }

  body.flipy-entry-page .app-viewport > .phone-container {
    width: 100%;
    max-width: 480px;
    height: auto;
    max-height: calc(100dvh - 64px);
    flex-shrink: 0;
    border: 1px solid #292632;
    border-radius: 28px;
    background: #0b0b0f;
    box-shadow: 0 24px 80px #0008, 0 0 60px #ff006609;
  }

  body.flipy-entry-page .phone-container > #screen-container {
    height: auto;
    max-height: calc(100dvh - 66px);
    min-height: 0;
    flex: 0 1 auto;
    border-radius: inherit;
    overflow-y: auto;
  }

  body.flipy-entry-auth .auth-page-content {
    width: 100%;
    padding: 32px;
    margin: 0;
    max-height: none;
    flex-shrink: 0;
    overflow: visible;
  }

  body.flipy-entry-auth .auth-page-content > header { margin-bottom: 24px; }
  body.flipy-entry-auth .auth-page-content > header h1:not(.platform-auth-brand),
  body.flipy-entry-auth .auth-page-content > header h2 { font-size: 26px; line-height: 1.3; }
  body.flipy-entry-auth .auth-page-content > header p { font-size: 13px; line-height: 1.6; }
  body.flipy-entry-auth .auth-page-content form { max-width: none; }
  body.flipy-entry-auth .auth-page-content input:not([type="checkbox"]):not([type="hidden"]) {
    min-height: 48px;
    font-size: 14px;
  }
  body.flipy-entry-auth .auth-page-content button[type="submit"] { min-height: 48px; font-size: 14px; }
  body.flipy-entry-auth .auth-page-content > p { line-height: 1.7; }
  body.flipy-entry-auth .signup-step > label { font-size: 12px; line-height: 1.6; }

  body.flipy-entry-landing .app-viewport > .phone-container { height: min(780px, calc(100dvh - 64px)); }
  body.flipy-entry-landing .phone-container > #screen-container { height: 100%; max-height: none; flex: 1; }
  body.flipy-entry-landing #screen-container > header { margin-top: 32px; padding-inline: 20px; }
  body.flipy-entry-landing #screen-container > section { padding-inline: 20px; }
  body.flipy-entry-landing #screen-container > section h2:first-child { font-size: 48px; line-height: 1.2; }
  body.flipy-entry-landing #screen-container > section h2:last-child { font-size: 38px; line-height: 1.2; }
  body.flipy-entry-landing #screen-container > div:last-child { padding-inline: 28px; margin-bottom: 24px; }
}