*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Arial,sans-serif;min-height:100vh}:root{--color-primary-start:#667eea;--color-primary-end:#764ba2;--color-accent-start:#ff6b6b;--color-accent-end:#ffa726;--color-card-bg:hsla(0,0%,100%,.15);--color-card-border:hsla(0,0%,100%,.25);--color-card-bg-hover:hsla(0,0%,100%,.2);--shadow-card:0 8px 32px rgba(0,0,0,.2)}