/* Cybermind Website Styles */

:root {
  --bg: #f8f9fc;
  --surface: #ffffff;
  --ink: #0f1020;
  --muted: #646b8c;
  --line: #eef0f6;
  --accent1: #6a6ff5;
  --accent2: #8a4cff;
  --ring: rgba(106, 111, 245, 0.45);
}

/* Base */
* { box-sizing: border-box; }
html, body { height: 100%; }
body { background: var(--bg); color: var(--ink); }
p { line-height: 1.6; }
img { max-width: 100%; display: block; }

/* Links & buttons */
a { color: var(--accent2); }
a:focus, button:focus { outline: none; box-shadow: 0 0 0 3px var(--ring); border-radius: 12px; }
.cta { transition: transform .12s ease, box-shadow .2s ease; }
.cta:hover { transform: translateY(-1px); box-shadow: 0 8px 28px rgba(138,76,255,.28); }
.ghost { transition: background-color .2s ease, border-color .2s ease; }
.ghost:hover { background: #f3f4ff; border-color: #dfe3f7; }

/* Mobile menu open state (toggled via .open on body) */
body.menu-open #mobile-menu { display: block; }
body.menu-open .mobile-toggle { background: #f3f4ff; border-color: #dfe3f7; }

/* iPad mock adjustments */
.preview { position: relative; }
.preview::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: 22px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); }

/* Footer */
.footer a { text-decoration: none; }

/* Util */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 1px, 1px); white-space: nowrap; border: 0; }