*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--primary-color:#667eea;--primary-hover:#5568d3;--secondary-color:#2196f3;--success-color:#4caf50;--warning-color:#ffc107;--error-color:#f44336;--text-primary:#333;--text-secondary:#666;--background:#fff;--card-background:#fff;--border-color:#eee;--background-muted:#f5f5f5;--text-muted:#999}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--primary-gradient);min-height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--card-background);border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a}.btn{border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#1976d2}