:root{--blue-gradient-start: #2563eb;--blue-gradient-mid: #3b82f6;--blue-gradient-end: #60a5fa;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: rgba(0, 0, 0, .1);--text-color: #f8fafc;--text-color-muted: #cbd5e1;--border-radius: 12px}body{margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,var(--blue-gradient-start),var(--blue-gradient-mid),var(--blue-gradient-end));background-attachment:fixed;background-size:400% 400%;animation:gradientAnimation 15s ease infinite;color:var(--text-color);min-height:100vh}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow);border-radius:var(--border-radius)}