/*!
  Copyright © 2026 Gregor Masshardt. All rights reserved.
  This source code is the intellectual property of Gregor Masshardt
  and may not be copied, modified, distributed, or used in any form
  without explicit written permission.
  Project: Obsitex
*/

/* Standalone styling for the Stripe return pages. Deliberately self-contained:
   these two pages are opened by Stripe, not by the app, and must render even if
   the main stylesheets change. */

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1f2330;
  background: linear-gradient(160deg, #f7f6fb 0%, #eef1f9 100%);
}

nav {
  padding: 20px 32px;
}

nav .logo img {
  height: 34px;
  width: auto;
  display: block;
}

main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(31, 35, 48, 0.10);
  padding: 48px 40px;
  max-width: 520px;
  width: 100%;
  text-align: center;
}

.card-icon {
  font-size: 52px;
  line-height: 1;
  margin-bottom: 18px;
}

.card-title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 14px;
}

.card-sub {
  font-size: 16px;
  line-height: 1.65;
  color: #555b6e;
  margin: 0 0 32px;
}

.btn-primary {
  display: inline-block;
  padding: 13px 30px;
  border-radius: 10px;
  background: #6b5bd2;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.15s ease;
}

.btn-primary:hover {
  background: #5a4bc0;
}

/* Hint box below the action — used by contact_support.html to set expectations
   about what support does and does not cover. */
.notice {
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

.notice-warn {
  background: #fdf6e7;
  border: 1px solid #f2e2bd;
  color: #7a5c1e;
}

@media (max-width: 520px) {
  .card { padding: 36px 24px; }
  .card-title { font-size: 22px; }
}