/* Shared base styles for all pages */
:root{
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

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

html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text-900);
  font-family:var(--font-sans);
}

img{ max-width:100%; height:auto; }

button,input,select,textarea{ font:inherit; }

a{ color:inherit; text-decoration:none; }

.page{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(10px,2vw,20px);
}

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

/* Shared header wrapper */
.app-header{
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--overlay-80);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-200);
}

.app-header-inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0.75rem 1rem;
}