@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* Fallback for Parkisans until file is provided */
@font-face {
  font-family: 'Parkisans';
  src: local('Plus Jakarta Sans Bold');
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  margin: 0;
  background: radial-gradient(circle at top right, rgba(124, 251, 252, 0.08), transparent 600px), 
              radial-gradient(circle at bottom left, rgba(60, 43, 172, 0.05), transparent 600px),
              var(--bg);
  background-attachment: fixed;
  color: var(--text);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Parkisans', 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  margin-top: 0;
  color: var(--text);
}

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

input, select, textarea {
  font-family: inherit;
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 10px 14px;
  border-radius: var(--radius-btn);
  transition: all 0.2s;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: var(--shadow-focus);
}

.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px;
}

.hidden { display: none !important; }
.input-full { width: 100%; }

@media (max-width: 768px) {
  .container {
    padding: 16px 0;
  }
}