* { box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body, h1, h2, h3, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
body { min-height: 100vh; background: radial-gradient(circle at 12% 4%, var(--page-glow), transparent 30%), radial-gradient(circle at 92% 96%, var(--page-accent-glow), transparent 32%), linear-gradient(135deg, var(--page-background), var(--page-gradient-mid) 52%, var(--page-gradient-end)); background-attachment: fixed; color: var(--text-primary); direction: rtl; font-family: var(--font-main); animation: page-enter .35s ease-out; }
a { color: inherit; text-decoration: none; }

@keyframes page-enter { from { opacity: 0; } to { opacity: 1; } }