:root {
--bg: #f4f5fb;
--card: #ffffff;
--text: #151827;
--muted: #6b7280;
--primary: #6d5dfc;
--primary-dark: #5145cd;
--border: rgba(255, 255, 255, 0.7);
--soft-border: #eef0f6;
--shadow: 0 30px 80px rgba(24, 30, 64, 0.16);
--glass: rgba(255, 255, 255, 0.86);
}

* {
  box-sizing: border-box;
  }

html {
min-height: 100%;
}

body {
margin: 0;
min-height: 100vh;
font-family: Arial, sans-serif;
color: var(--text);
background:
radial-gradient(circle at 10% 10%, rgba(109, 93, 252, 0.22), transparent 32%),
radial-gradient(circle at 90% 20%, rgba(236, 72, 153, 0.16), transparent 30%),
radial-gradient(circle at 50% 100%, rgba(34, 197, 94, 0.12), transparent 32%),
var(--bg);
}

a {
color: inherit;
}

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

button {
cursor: pointer;
}

img {
max-width: 100%;
display: block;
}